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