Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Metadata Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Metadata Below Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Microcopy Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Header Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Sublists Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icons (replacing caret) Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



Focus, Hover, Sublist Hover, & Disabled



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icon Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icon and Right Icon Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icon and Disabled Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icon and Metadata Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Icon and Metadata Below Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Image and Metadata Below Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



With Round Image and Metadata Below Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised



Content Resilience Examples



With Icon - Too much content

With Icon - Too much content

With Icon - Too much content

With Icon - Too much content

With Icon - Too much content

With Icon - Too much content - Small

With Icon - Too much content - Small

With Icon - Too much content - Small

With Icon - Too much content - Small

With Icon - Too much content - Small

With Icon - Too much content - Large

With Icon - Too much content - Large

With Icon - Too much content - Large

With Icon - Too much content - Large

With Icon - Too much content - Large

With Icon - Too much content - Touch

With Icon - Too much content - Touch

With Icon - Too much content - Touch

With Icon - Too much content - Touch

With Icon - Too much content - Touch

With Icon - Too much content - Touch Revised

With Icon - Too much content - Touch Revised

With Icon - Too much content - Touch Revised

With Icon - Too much content - Touch Revised

With Icon - Too much content - Touch Revised

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

No Items

No Items

No Items

No Items

No Items

No Items - Small

No Items - Small

No Items - Small

No Items - Small

No Items - Small

No Items - Large

No Items - Large

No Items - Large

No Items - Large

No Items - Large

No Items - Touch

No Items - Touch

No Items - Touch

No Items - Touch

No Items - Touch

No Items - Touch Revised

No Items - Touch Revised

No Items - Touch Revised

No Items - Touch Revised

No Items - Touch Revised

One Item

One Item

One Item

One Item

One Item

One Item - Small

One Item - Small

One Item - Small

One Item - Small

One Item - Small

One Item - Large

One Item - Large

One Item - Large

One Item - Large

One Item - Large

One Item - Touch

One Item - Touch

One Item - Touch

One Item - Touch

One Item - Touch

One Item - Touch Revised

One Item - Touch Revised

One Item - Touch Revised

One Item - Touch Revised

One Item - Touch Revised

Items with Long Labels, Last Label Empty

Items with Long Labels, Last Label Empty

Items with Long Labels, Last Label Empty

Items with Long Labels, Last Label Empty

Items with Long Labels, Last Label Empty

Items with Long Labels, Last Label Empty - Small

Items with Long Labels, Last Label Empty - Small

Items with Long Labels, Last Label Empty - Small

Items with Long Labels, Last Label Empty - Small

Items with Long Labels, Last Label Empty - Small

Items with Long Labels, Last Label Empty - Large

Items with Long Labels, Last Label Empty - Large

Items with Long Labels, Last Label Empty - Large

Items with Long Labels, Last Label Empty - Large

Items with Long Labels, Last Label Empty - Large

Items with Long Labels, Last Label Empty - Touch

Items with Long Labels, Last Label Empty - Touch

Items with Long Labels, Last Label Empty - Touch

Items with Long Labels, Last Label Empty - Touch

Items with Long Labels, Last Label Empty - Touch

Items with Long Labels, Last Label Empty - Touch Revised

Items with Long Labels, Last Label Empty - Touch Revised

Items with Long Labels, Last Label Empty - Touch Revised

Items with Long Labels, Last Label Empty - Touch Revised

Items with Long Labels, Last Label Empty - Touch Revised

Items with Long Metadata Below, Default

Items with Long Metadata Below, Default

Items with Long Metadata Below, Default

Items with Long Metadata Below, Default

Items with Long Metadata Below, Default

Items with Long Metadata Below, Small

Items with Long Metadata Below, Small

Items with Long Metadata Below, Small

Items with Long Metadata Below, Small

Items with Long Metadata Below, Small

Items with Long Metadata Below, Large

Items with Long Metadata Below, Large

Items with Long Metadata Below, Large

Items with Long Metadata Below, Large

Items with Long Metadata Below, Large

Items with Long Metadata Below, Touch

Items with Long Metadata Below, Touch

Items with Long Metadata Below, Touch

Items with Long Metadata Below, Touch

Items with Long Metadata Below, Touch

Items with Long Metadata Below, Touch Revised

Items with Long Metadata Below, Touch Revised

Items with Long Metadata Below, Touch Revised

Items with Long Metadata Below, Touch Revised

Items with Long Metadata Below, Touch Revised

Items with Image, Long Text and Metadata Below, Default

Items with Image, Long Text and Metadata Below, Default

Items with Image, Long Text and Metadata Below, Default

Items with Image, Long Text and Metadata Below, Default

Items with Image, Long Text and Metadata Below, Default

Items with Image, Long Text and Metadata Below, Small

Items with Image, Long Text and Metadata Below, Small

Items with Image, Long Text and Metadata Below, Small

Items with Image, Long Text and Metadata Below, Small

Items with Image, Long Text and Metadata Below, Small

Items with Image, Long Text and Metadata Below, Large

Items with Image, Long Text and Metadata Below, Large

Items with Image, Long Text and Metadata Below, Large

Items with Image, Long Text and Metadata Below, Large

Items with Image, Long Text and Metadata Below, Large

Items with Image, Long Text and Metadata Below, Touch

Items with Image, Long Text and Metadata Below, Touch

Items with Image, Long Text and Metadata Below, Touch

Items with Image, Long Text and Metadata Below, Touch

Items with Image, Long Text and Metadata Below, Touch

Items with Image, Long Text and Metadata Below, Touch Revised

Items with Image, Long Text and Metadata Below, Touch Revised

Items with Image, Long Text and Metadata Below, Touch Revised

Items with Image, Long Text and Metadata Below, Touch Revised

Items with Image, Long Text and Metadata Below, Touch Revised

Items with Long Text, Microcopy and Metadata Below, Default

Items with Long Text, Microcopy and Metadata Below, Default

Items with Long Text, Microcopy and Metadata Below, Default

Items with Long Text, Microcopy and Metadata Below, Default

Items with Long Text, Microcopy and Metadata Below, Default

Items with Long Text, Microcopy and Metadata Below, Small

Items with Long Text, Microcopy and Metadata Below, Small

Items with Long Text, Microcopy and Metadata Below, Small

Items with Long Text, Microcopy and Metadata Below, Small

Items with Long Text, Microcopy and Metadata Below, Small

Items with Long Text, Microcopy and Metadata Below, Large

Items with Long Text, Microcopy and Metadata Below, Large

Items with Long Text, Microcopy and Metadata Below, Large

Items with Long Text, Microcopy and Metadata Below, Large

Items with Long Text, Microcopy and Metadata Below, Large

Items with Long Text, Microcopy and Metadata Below, Touch

Items with Long Text, Microcopy and Metadata Below, Touch

Items with Long Text, Microcopy and Metadata Below, Touch

Items with Long Text, Microcopy and Metadata Below, Touch

Items with Long Text, Microcopy and Metadata Below, Touch

Items with Long Text, Microcopy and Metadata Below, Touch Revised

Items with Long Text, Microcopy and Metadata Below, Touch Revised

Items with Long Text, Microcopy and Metadata Below, Touch Revised

Items with Long Text, Microcopy and Metadata Below, Touch Revised

Items with Long Text, Microcopy and Metadata Below, Touch Revised




Demos




List Group Collapsible

List Group Collapsible

List Group Collapsible

List Group Collapsible

List Group Collapsible



List Group Selection (radio buttons) - default



List Group Selection (radio buttons) - default



List Group Selection (radio buttons) - default



List Group Selection (radio buttons) - default



List Group Selection (radio buttons) - default



List Group Selection (radio buttons) - small



List Group Selection (radio buttons) - small



List Group Selection (radio buttons) - small



List Group Selection (radio buttons) - small



List Group Selection (radio buttons) - small



List Group Selection (radio buttons) - large



List Group Selection (radio buttons) - large



List Group Selection (radio buttons) - large



List Group Selection (radio buttons) - large



List Group Selection (radio buttons) - large



List Group Selection (radio buttons) - Touch Revised



List Group Selection (radio buttons) - Touch Revised



List Group Selection (radio buttons) - Touch Revised



List Group Selection (radio buttons) - Touch Revised



List Group Selection (radio buttons) - Touch Revised



List Group Selection (radio buttons) - With Metadata Below



List Group Selection (radio buttons) - With Metadata Below



List Group Selection (radio buttons) - With Metadata Below



List Group Selection (radio buttons) - With Metadata Below



List Group Selection (radio buttons) - With Metadata Below



List Group Selection (radio buttons) - With Image & Metadata Below



List Group Selection (radio buttons) - With Image & Metadata Below



List Group Selection (radio buttons) - With Image & Metadata Below



List Group Selection (radio buttons) - With Image & Metadata Below



List Group Selection (radio buttons) - With Image & Metadata Below



List Items with `id` attribute

List Items with `id` attribute

List Items with `id` attribute

List Items with `id` attribute

List Items with `id` attribute



List Items with `id` attribute (radio buttons)



List Items with `id` attribute (radio buttons)



List Items with `id` attribute (radio buttons)



List Items with `id` attribute (radio buttons)



List Items with `id` attribute (radio buttons)



List Items with custom attributes in API (both parent and children)



List Items with custom attributes in API (both parent and children)



List Items with custom attributes in API (both parent and children)



List Items with custom attributes in API (both parent and children)



List Items with custom attributes in API (both parent and children)



"Bad" content (should trigger validation error)



"Bad" content (should trigger validation error)



"Bad" content (should trigger validation error)



"Bad" content (should trigger validation error)



"Bad" content (should trigger validation error)





Slot Usage Examples



Default

Default

Default

Default

Default

Small

Small

Small

Small

Small

Large

Large

Large

Large

Large

Touch

Touch

Touch

Touch

Touch

Touch Revised

Touch Revised

Touch Revised

Touch Revised

Touch Revised

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Small

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Large

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised

With Icon - Multiple Combinations - Touch Revised