Lists Stable Dark theme
Lists are structured presentations of related content and can be used for simple text or links.
<uimc-list type="" data='[]'></uimc-list>| Attribute | Description | Values | Default |
|---|---|---|---|
| type | Sets the list style type | bullet, numbered, inline, bare | bullet |
| data | Data array containing the text of the items | Array of Strings | |
| theme | Set the color scheme of the component | light, dark | light |
Bullet list
<uimc-list type="bullet" data='["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod","Duis aute irure dolor in reprehenderit in voluptate velit esse"]'></uimc-list>Bullet list dark
<uimc-list type="bullet" data='["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod","Duis aute irure dolor in reprehenderit in voluptate velit esse"]' theme="dark"></uimc-list>Numbered list
<uimc-list type="numbered" data='["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod","Duis aute irure dolor in reprehenderit in voluptate velit esse","sunt in culpa qui officia deserunt mollit anim id est laborum"]'></uimc-list>Numbered list dark
<uimc-list type="numbered" data='["Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod","Duis aute irure dolor in reprehenderit in voluptate velit esse","sunt in culpa qui officia deserunt mollit anim id est laborum"]' theme="dark"></uimc-list>Link list
This component is documented under Link List. Link list items require a supporting icon and are not underlined.
<uimc-link-list>
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
</uimc-link-list>Link list dark
<uimc-link-list theme="dark">
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
<uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
</uimc-link-list>