Basic comparison group
hds/default
default
carbon/light
light
carbon/dark
dark
Item "contexts"
Themes:
hds/default
default
carbon/light
light
carbon/dark
dark
carbon/system
system
Modes:
carbon/cds-g0
cds-g0
carbon/cds-g10
cds-g10
carbon/cds-g90
cds-g90
carbon/cds-g100
cds-g100
Comparison group "display"
Grid (default):
hds/default
default
carbon/light
light
carbon/dark
dark
Flex:
hds/default
default
carbon/light
light
carbon/dark
dark
Comparison group "layout"
Grid + row (default):
hds/default
default
carbon/light
light
carbon/dark
dark
Grid + column:
hds/default
default
carbon/light
light
carbon/dark
dark
Flex + row:
hds/default
default
carbon/light
light
carbon/dark
dark
Flex + column:
hds/default
default
carbon/light
light
carbon/dark
dark
Comparison group with top label
Via @label argument:
Lorem ipsum dolor
hds/default
default
carbon/light
light
carbon/dark
dark
Via <:label> named block:
Lorem
ipsum dolorhds/default
default
carbon/light
light
carbon/dark
dark
Comparison group with HDS components as content
Hds::Button
hds/default
carbon/light
carbon/dark
Focus ring helpers
hds/default
action
carbon/light
action
carbon/dark
action