outline-list

The OutlineList component

Properties

| Property | Attribute | Type | Default | Description | |---------------|---------------|-------------------------------------|----------|--------------------------------------------------| | listType | list-type | "ol" \| "ul" \| "div" | | Determines which type of list is rendered.ol | ul | div | | navLabel | nav-label | string \| undefined | | If set will wrap list in a nav tagwith the passed string set as the aria-label. | | orientation | orientation | "column" \| "row" \| "col-center" | "column" | Sets orientation of list.column | row |

Methods

| Method | Type | |------------|-------------------------------------------| | listCase | (classes: ClassInfo): TemplateResult<1> |

Slots

| Name | Description | |------|---------------| | | default slot. |

CSS Custom Properties

| Property | Description | |--------------------------------|--------------------------------------------------| | --outline-list--spacing | The default spacing between items. | | --outline-list--spacing-lg | The default spacing between items for large screens. | | --outline-list--spacing-md | The default spacing between items for medium screens. | | --outline-list--spacing-sm | The default spacing between items for small screens. | | --outline-list--spacing-xl | The default spacing between items for extra large screens. | | --outline-list--spacing-xs | The default spacing between items for extra small screens. | | --outline-list--spacing-xxl | The default spacing between items for extra extra large screens. | | --outline-list--spacing-xxxl | The default spacing between items for extra extra extra large screens. |