• Home
  • Getting started
  • Way of thinking
  • Foundation
  • Components
    • Accordion
    • Badge
    • Brands
    • Bottom sheet
    • Button
    • Button Group
    • Card
    • Checkbox
    • Date Picker
    • Dialog
    • Dialog - contextual
    • Dots
    • Drawer
    • Dropdown
    • Icon Button
    • Input fields
    • Items menu
    • List Group
    • Loader
    • Media Object
    • Navigation Indicator
    • Progress
    • Radio Button Group
    • Radio pill
    • Ribbon
    • Sausage
    • Select
    • Speech bubble
    • Step Indicator
    • Table
    • Toast
  • Patterns
  • Content
  • Brands

Components

List Group

Hero Image

Play around with props, edit and copy code.

Properties

ListGroup

Prop nameTypeDefault ValueDescription
childrennodeContent
classNamestringAdd custom classes
invertedboolInverted background and text
menubool

ListItem

Prop nameTypeDefault ValueDescription
childrennodeContent
classNamestringAdd custom classes

ListItemLink

Prop nameTypeDefault ValueDescription
childrennodeContent
classNamestringAdd custom classes

ListItemTable

Prop nameTypeDefault ValueDescription
classNamestringAdd custom classes
leftContentnodeAdd content to the left cell
rightContentnodeAdd content to the right cell

Accessibility

This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.

Read more about WCAG 2.1 AA.

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]Powered by Trinidad-UI: 9.7.6

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se