« Components » : différence entre les versions
De Wiki Let's Role
Premier jet de la page sur les composant |
ajout des listes d'icones disponible qui ne sont pas tout référencer dans la documentation officiel |
||
| (2 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 40 : | Ligne 40 : | ||
=== Special === | === Special === | ||
# '''[https://lets-role.com/help/en/documentation/v1/component/icon Icon]''': displays an icon | # '''[https://lets-role.com/help/en/documentation/v1/component/icon Icon]''': displays an icon, the available icons are [https://fontawesome.com/v5/search?o=r&m=free&s=solid list1] [https://game-icons.net/ liste2] | ||
# '''[https://lets-role.com/help/en/documentation/v1/component/avatar Avatar]''': inserts an image into the character sheet | #''' [https://lets-role.com/help/en/documentation/v1/component/avatar Avatar]''': inserts an image into the character sheet | ||
# '''[https://lets-role.com/help/en/documentation/v1/component/color Color]''': allows selecting a color | #'''[https://lets-role.com/help/en/documentation/v1/component/color Color]''': allows selecting a color | ||
== Component Tutorials == | == Component Tutorials == | ||
| Ligne 48 : | Ligne 48 : | ||
# [[Use lists]] | # [[Use lists]] | ||
# [[Use tabs]] | # [[Use tabs]] | ||
# Use repeaters | # [[Use repeaters]] | ||
# Show or hide components | # [[Button|Create buttons]] | ||
# Configure the avatar properly | # [[Show or hide components]] | ||
# [https://lets-role.com/help/fr/documentation/v1/component/avatar Configure the avatar properly] | |||
Dernière version du 10 septembre 2025 à 12:55
Components
This section describes the different available components.
Component List
Each component has:
- id: a unique identifier
- name: the name of the component, useful for navigating the hierarchy
- class: Bootstrap classes used to format the document
Root
- The root contains properties related to the window’s width and height
- 3 Checkboxes
- is a craft
- Can be used on the map
- Can be drag&dropped onto another sheet
- ID of the avatar component
Layout
- Row: designed to contain multiple columns and organize them automatically
- Column: child of a row. It has the size property (1–12) that defines its relative width
- Container: can contain and organize its child components, either horizontally or vertically, depending on the layout property
Form
Form containers are used to create character sheets with editable fields.
- Label: displays text
- NumberInput: numeric-only input field
- TextInput: editable field for entering text
- Textarea: multi-line text area (non-editable)
- Checkbox: a checkable box
- Choice: a dropdown list to select an element from several options
Container
Containers allow grouping multiple views.
- Repeater: dynamically adds views. Perfect for managing inventories or skill lists
- Tab: manages multiple tabs to better organize a character sheet
Special
- Icon: displays an icon, the available icons are list1 liste2
- Avatar: inserts an image into the character sheet
- Color: allows selecting a color
