List Group Sink

Default

• Item 1
• Item 2 (Active) 21
• Showing Item 3
• Showing Item 4 (Disabled)
• Showing Item 5
• Item 6 175
• Item 7 has an icon

Small

• Item 1
• Item 2 (Active) 21
• Showing Item 3
• Showing Item 4 (Disabled)
• Showing Item 5
• Item 6 175
• Item 7 has an icon

Large

• Item 1
• Item 2 (Active) 21
• Showing Item 3
• Showing Item 4 (Disabled)
• Showing Item 5
• Item 6 175
• Item 7 has an icon

With Metadata

• Single Item 32

With Header

• Variations
• Default
• Small
• Text
• Icon
• Button

With Sublists

• Home
• Getting Started
• Visual Language
  • Color
  • Icons
• Components
  • Buttons
  • Forms
  • Modals
  • Popovers
  • Table
  • Tooltips

With Icons

• Single Item 32
• Cloud Icon 32

Focus, Hover, Sublist Hover, & Disabled

• Hover State
• Hover State with sublist
  • Buttons
  • Forms
• Default
• Focus State
• Text
• Disabled List Item
• Button

No Items

One Item

• Single Item

Items with Long Labels, Last Label Empty

• A really long first label that gets way too long, making me wonder how long these labels really should be
• Second item
• A really long first label that gets way too long, making me wonder how long these labels really should be Really long metadata

Multiple Combinations

• Variations
• Item 1
• Item 2 (Active) 21
• Item 3, href and children, two targets
  • Sub Item, child of Item 3
• Item 4 175
• Item 5, no href
  • Sub Item, child of Item 5
  • Sub Item 2, child of Item 5
• Item 6, sublist open by default
  • Sub Item, child of Item 6
  • Sub Item 2, child of Item 6
  • Sub Item 3, child of Item 6
  • Sub Item 4, child of Item 6

With Left Icons

• Single Item
• Cloud Icon

With Left Icons - Small

• Single Item
• Cloud Icon

With Left Icons - Large

• Single Item
• Cloud Icon

With Left Icons and caret

• Single Item
• Cloud Icon

With Left Icons and disabled

• Single Item
• Cloud Icon

With Left Icons and Metadata

• Single Item 175
• Cloud Icon 5

With Left Icons - Too much content

• A really long first label that gets way too long, making me wonder how long these labels really should be
• A really long first label that gets way too long, making me wonder how long these labels really should be

With Left Icons - Multiple Combinations

• Variations
• Item 1
• Item 2 (Active) 21
• Item 3, href and children, two targets
  • Sub Item, child of Item 3
• Item 4 175
• Item 5, no href
  • Sub Item, child of Item 5
  • Sub Item 2, child of Item 5
• Item 6, sublist open by default
  • Sub Item, child of Item 6
  • Sub Item 2, child of Item 6
  • Sub Item 3, child of Item 6
  • Sub Item 4, child of Item 6