List | UI components (BETA)
APPLICABLE PRODUCTS
-
Sales Hub
- Enterprise
-
Service Hub
- Enterprise
The List
component renders a list of items. Each item in List
will be wrapped in <li>
tags. A list can be styled as inline, ordered, or unordered with the variant
prop.
Prop | Type | Description |
---|---|---|
variant |
'unordered' (default) | 'unordered-styled' | 'ordered' | 'ordered-styled' | 'inline' | 'inline-divided' |
The type of list to render. See variants section below for examples. |
By default, lists will be configured as vertically stacked list items without bullets. To customize the styling, use the variant
prop, as shown below.
To create a bulleted unordered list:
To create a numbered list without styling:
To create a numbered list with styling:
To stack list items horizontally:
To stack list items horizontally with a divider between each item:
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.