Table
Table renders the <table> HTML element and inherits props from the Box component.
Usage Example#
Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| border | integer (optional) | 1 | |
| borderColor | string (optional) | 'grey' | |
| boxShadow | integer (optional) | 1 | |
| color | string (optional) | 'dark-gray' | |
| fontFamily | string (optional) | 'sansSerif' | |
| fontSize | integer (optional) | 1 | |
| fontWeight | integer (optional) | 2 | |
| theme | object (optional) |
Table uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.