List
Komponent List (Zoznam) sa skladá z viacerých elementov Item (položiek) a môže obsahovať text, tlačidlá, prepínače, ikony, náhľady obrázkov, a mnoho iného. Sheets generally contain items with the same content and group them into a larger whole.
Basic usage
Nested leaf
Setting the value of the inset property to true adds a margin to the element's surroundings to create a nested list.
Line separation
Vlastnosť lines upravuje spodný okraj itemov. Nastavením tejto vlastnosti na hodnotu "none" sa nezobrazia žiadne okraje medzi položkami zoznamu.
Atribúty a Vlastnosti
inset
| Description | If true, the element gets an outer offset and rounding. |
| Attribute | inset |
| Type | boolean |
| Default | false |
lines
| Description | If true, the element displays horizontal lines between the sheet element items. |
| Attribute | lines |
| Type | boolean |
| Default | false |
lines
| Description | By setting to "none", hides the separator lines between elements inside the List element |
| Attribute | lines |
| Type | "none" ｜ undefined |
| Default | undefined |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
| Name | Description |
|---|---|
--wje-list-background | Background colour of the element |
--wje-list-border-radius | Size of the element roundness |
--wje-list-inset-padding | Internal indentation of the list when in nested mode (with the inset attribute). The default value is 1rem. |
Sloty
| Name | Description |
|---|---|
| `` | The default slot for the contents of the list. |