Switch Card
5.0.0
Switches toggle the state of a single item on or off.
| Namn | Typ | Beskrivning |
|---|---|---|
active * | boolean | Indicates if the card is currently active. |
children | ReactNode | |
customAttribute | { attribute: string; value: string |
number } | Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]". |
disabled | boolean | If true, the component is disabled. |
elevation | number | Elevation of the card. |
error | boolean | Indicates if the component is in an error state, applying error-specific styling for validation feedback. |
id * | string | A unique ID for the switch. Necessary for WCAG compliance |
isLoading | boolean | If true, a loading skeleton will be rendered instead of the component. |
limitedClickArea | boolean | If the card should limit the interactive area to the top portion. Needed for accessibility if lower portion contains another interactive element |
onChange | (event: ChangeEvent) => void | Change event handler |
primaryText * | string | Primary text |
secondaryText | string | Optional secondary text displayed below the primary text. |
skeletonSx | SxProps | Custom styles for Skeleton. |
npm install @sj-ab/component-library.ui.switch-cardSwitch Card får sin uppläsning av den synliga texten i kortet, det vill säga primaryText och secondaryText
Importer av Switch Card
Repos med Switch Card
Senaste installerade version av Switch Card
Äldsta installerade version av Switch Card