Initial commit

Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
This commit is contained in:
Eric Tuvesson
2023-09-05 12:08:55 +02:00
commit 53f0d6320e
2704 changed files with 76354 additions and 0 deletions

View File

@@ -0,0 +1,63 @@
---
title: Avatar Module
hide_title: true
---
# Avatar Module
This module allows you to add avatars to your Noodl App.
<div className="ndl-image-with-background l">
![](/library/modules/avatar/preview.png)
</div>
## Nodes
In this module, there are a few nodes, which include:
### Avatar Node
This node is written using the SDK and gives you all the options to modify the style of the avatar.
### Avatar Group
<div className="ndl-image-with-background l">
![](/library/modules/avatar/avatar-group-node.png)
</div>
This is a simple node that takes in an array of objects.
It makes a few modifications to the array like taking only x amount of items and then sending that into a Repeater node,
using the Avatar Group Item component.
Items input:
```js
[
{
Text: 'AA',
Image: 'avatars/avatar-n4KewLKFOZw.jpg',
},
{
Text: 'AA',
Image: 'avatars/avatar-TW_z_iUD_bQ.jpg',
},
];
```
### Avatar Group Item
A node that maps the inputs from the Avatar Group into what should be used on the Avatar node.
### [Logic] Name Abbreviation
Converts a full name to 2 characters.
For example:
```
Input: "John Doe"
Output: "JD"
```