Card
Card renders a responsive box-model layout component. Inherits props from Box component.
Usage Example#
import {Card, Text, Icon, Button} from 'pipeline-ui'Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| bg | string (optional) | 'white' | |
| border | integer (optional) | 1 | |
| borderColor | string (optional) | 'light-gray' | |
| boxShadow | integer (optional) | 2 | |
| p | integer (optional) | 4 | |
| position | string (optional) | 'relative' | |
| theme | object (optional) |
Box uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.