@equinor/fusion-react-side-sheet
v2.1.0
Published
React component for displaying a side-sheet
Readme
@equinor/fusion-react-side-sheet
Storybook
Installation
npm install @equinor/fusion-react-side-sheetChildren
| Name | Props | Description
| ---- | ---- | -----------
| Title | title | Required child for displaying side sheet title.
| SubTile | subTitle | ...
| Actions| sideSheetRef | ...
| Indicator | color | ...
| Content | ReactChildElements| ...
Properties/Attributes
| Name | Type | Default | Description
| ---- | ---- | ------- | -----------
| enableFullScreen | boolean | true | prop for disabling fullScreen action.
| defaultWidth | number \| \${number}${'%' | 'vw' | 'px' | 'em'}`|minWidth | Initial width of the side-sheet as pixels or a supported CSS width (%, vw, px, or em).
| minWidth|number|480| Minimum width of the side-sheet.
|onClose|function` | - | Callback function triggered onClose button clicked.
