Card
Container for one self-contained group of content.
Complete blood countResults on the same day. No fasting.
Rp95.000
Complete blood countResults on the same day. No fasting.
Rp95.000
Complete blood countResults on the same day. No fasting.
Rp95.000
Usage
import { Card } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Grouping related content.
When not to use
- Wrapping a whole page.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'raised' | 'flat' | 'outline' | 'raised' | |
onPress | () => void | - | Makes the whole card one pressable target. |
isSelected | boolean | false |
Accessibility
- A pressable card is one target, not many small ones.