Lists
The standard three list elements
Demo
- Apple
- Orange
- Apple
- Orange
- Apple
- Tree fruit with crisp, white flesh
- Orange
- Citrus fruit with a thick orange-colored peel
API
Tags
| Name | Description |
<ul>, <ol>, <dl>
|
Standard HTML tags, accepts <li> as content or <dt> with
<dd> in the case of Definition list |
Attributes
Ordered lists only
| Name | Value | Required | Description |
type
|
1, A, a, I, or i | Defines the type of the list item marker. See HTML <ol> type Attribute | |
start
|
number | The number to start counting from. See HTML <ol> start Attribute | |
reversed
|
Boolean attribute | Makes the list order descending. See HTML <ol> reversed Attribute |
Unordered lists only
| Name | Value | Required | Description |
type
|
none, circle, square, check | Defines the type of the list item marker. Non-standard, but similar to HTML <ol> type Attribute |
Guidelines
Use semantic alternatives
Some popular ul > li uses actually have a better solution, e.g. nav > a for navigation,
menu > menuitem for menus.
Design
Design resources can be found on the Skylab design documentation site: skylab.avalara.com