Summary Box
Renders a box showing optionally a leftNode (left column), rightNode (right column), topNode (top center), titleNode (middle center) or children (bottom center)
- Import
import { SummaryBox } from '@smile/haring-react'; - Extends Flex
- Source View Source Code
- Package @smile/haring-react
- Storybook Storybook
Storybook Docs
Props
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content displayed at the bottom of the middle column |
| childrenGroupProps | GroupProps | - | Extra props for the children group container |
| contentContainerFlexProps | FlexProps | - | Extra props for the middle column flex container |
| leftNode | ReactNode | - | Content displayed in the left column |
| leftNodeStackProps | StackProps | - | Extra props for the leftNode stack container |
| rightNode | ReactNode | - | Content displayed in the right column |
| rightNodeStackProps | StackProps | - | Extra props for the rightNode stack container |
| titleNode | ReactNode | - | Content displayed at the center of the middle column |
| titleNodeGroupProps | GroupProps | - | Extra props for the titleNode group container |
| topNode | ReactNode | - | Content displayed at the top of the middle column |
| topNodeGroupProps | GroupProps | - | Extra props for the topNode group container |
| ... | - | - | extends Flex props |