This example is only for reference; RadioCard will almost always be used in a horizontal layout.
Elite option
Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
This example is only for reference; RadioCard will almost always be used in a horizontal layout.
| Name | Description | Default |
|---|---|---|
| children | Primary content for the card ReactNode | - |
| title* | Headline for the card string | - |
| topStatus | Optional label tag for short-form content (no more than one line) that sits above the card; attribute must be added on all RadioCards laid out horizontally to maintain alignment stringboolean | false |
| selected | Whether or not the radio is selected boolean | false |
| className | string | - |
| onClick | Callback for the card; doubles as a keyDown event (() => void) | - |
| disabled | Whether or not the card is selectable and grayed out boolean | - |
This example uses Card.ColumGroup to establish a layout.
This example uses Card.ColumGroup to establish a layout. The card on the right is disabled.