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
Stepper bar item
<mds-stepper-bar-item>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-stepper-bar-item-color
Sets the color of the text
--mds-stepper-bar-item-duration
Sets the duration of the animation
--mds-stepper-bar-item-icon-background
Sets the background-color of the icon
--mds-stepper-bar-item-icon-background-current
Sets the background-color of the icon when the component is current
--mds-stepper-bar-item-icon-background-done
Sets the background-color of the icon when the component is done
--mds-stepper-bar-item-icon-color
Sets the color of the icon
--mds-stepper-bar-item-icon-color-current
Sets the color of the icon when the component is current
--mds-stepper-bar-item-icon-color-done
Sets the color of the icon when the component is done
--mds-stepper-bar-item-min-width
Sets the minimum width of the component
--mds-stepper-bar-item-progress-background
Sets the background color of the progress bar
--mds-stepper-bar-item-progress-color
Sets the color of the progress bar
--mds-stepper-bar-item-progress-thickness
Sets the thickness of the progress bar
Parts
badge
The badge wrapper
Documentation
Search
Ctrl
K
Cancel