@jonl1/wappler-ac-dicebear

Wappler - Dicebear Extension

App Connect extension that wraps Dicebear API. DiceBear is an avatar library for designers and developers. Generate random avatar profile pictures!

Installation

1. Open your Project Settings.

2. Go to the Extensions

3. Click on Add extension icon

4. Enter @jonl1/wappler-ac-dicebear

   

5. Click save

6. Click save again. This step will install the extension.

Usage

1. Click Add new component in the App structure panel.

   

2. Browse to Jonl1 folder and add Jonl1 component to your page. In code view it will look something like this:

   <dmx-jonl1-avatar id="avatar1" style="adventurer"></dmx-jonl1-avatar>
   

Static attributes

• Seed

  Determines the initial value for the built-in PRNG. With the PRNG you can create the same avatar over and over again based the seed. Normally you would use something unique for each user (email, id, etc)

• Style (Default: adventurer)

  You can choose between simple identicons and lovingly designed characters. Check them all here

• Return type (Default: SVG)

  Defines what type of data will the component return. Return types documentation

Dynamic attributes

• Seed

• Style options (optional)

  Check each style in Dicebear's documentation to learn the different options. Add the options in Javascript Object notation in the databinding's code view

Dynamic events

N/A

Static events

N/A

Actions

• Download Avatar

  It will download the avatar's image to the browser.

Output

• Data

  The data returned will depend on the selected Return Type. Return types documentation

  

  Right now only the root of data is pickable in the UI. If you select a Return Type that returns nested data remember to add the nested keys to access what you need.¹

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

1. You can vote for a feature request that would solve this: https://community.wappler.io/t/conditional-datascheme-for-ac-components/48696 ↩