Skip to content
Magma
Design System
Documentation
Components
Magma
Design System
Collapse the navigation
Expand the navigation
Search
Home
Foundation
Tokens
Icons
Components
Building blocks
Patterns
Brand assets
Development
Community
Magma on GitHub
Magma Storybook
Preferences
Components
Chip
<mds-chip>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-chip-background
Sets the
background-color
of the component
--mds-chip-background-selected
Sets the
background-color
of the component when it’s selected
--mds-chip-border
Sets the
border-color
of the component
--mds-chip-border-selected
Sets the
border-color
of the component when it’s selected
--mds-chip-color
Sets the
color
of the component
--mds-chip-color-selected
Sets the
color
of the component when it’s selected
--mds-chip-icon-background
Sets the
background-color
of the icon
--mds-chip-icon-background-selected
Sets the
background-color
of the icon when the component is selected
--mds-chip-icon-color
Sets the
fill
color of the icon of the component
--mds-chip-icon-color-selected
Sets the
fill
color of the icon of the component when it’s selected
--mds-chip-opacity-disabled
Sets the
opacity
of the component when it’s disabled
--mds-chip-shadow
Sets the
box-shadow
of the component
--mds-chip-shadow-selected
Sets the
box-shadow
of the component when it’s selected
Documentation
Search
Ctrl
K
Cancel