Skip to main content

UnorderedList

Displays a bulleted list of related items. Use to present collections of items or options where the sequence isn’t critical.

Anchor to propertiesProperties

Anchor to id
id
string

A unique identifier for the element.

Was this section helpful?

Anchor to listitemListItem

Represents a single item within an unordered or ordered list. Use only as a child of s-unordered-list or s-ordered-list components.

Anchor to id
id
string

A unique identifier for the element.

Was this section helpful?

Code

<s-unordered-list>
<s-list-item>Free shipping on orders over $50</s-list-item>
<s-list-item>30-day money-back guarantee</s-list-item>
<s-list-item>Secure payment processing</s-list-item>
</s-unordered-list>

Preview

Anchor to best-practicesBest Practices

  • Use s-unordered-list when you need to present a list of related items or options.
  • Each item in the list should be wrapped in a s-list-item component.
  • Keep list items concise and consistent in length when possible.
  • Use s-unordered-list for navigation menus, feature lists, or any collection of related items.
  • Consider using s-unordered-list when you want to present information in a clear, scannable format.
Was this section helpful?