created:4/29/2021
updated:4/29/2021
loc
18
comments
17%
passed
28
coverage
75%
ESM
Component to display a live playground of component examples. Has custom actions for zooming, switch direction, review story source and configuration.
Name | Description | Default | |
|---|---|---|---|
PlaygroundOwnProps(3 properties) | |||
| scale | default scale for the zoom feature. If scale is set to 0, the zoom feature will be disabled. number | - | |
| source | playground source option - valid when a Story is not embedded inside the Playground. string | - | |
| dark | whether to use the dark theme for the story source component. boolean | - | |
BlockContainerOwnProps(6 properties) | |||
HTMLAttributes(42 properties) | |||
Attributes(2 properties) | |||
AriaAttributes(48 properties) | |||
DOMAttributes(161 properties) | |||
-(1 properties) | |||
BoxOwnProps(3 properties) | |||
SpaceProps(28 properties) | |||
BackgroundColorProps(2 properties) | |||
OpacityProps(1 properties) | |||
PanelContainerOwnProps(4 properties) | |||
ActionContainerProps(1 properties) | |||
36 commits
package | imports | peer |
|---|---|---|
react ^17.0.1 | ReactFCChildren | * |
file | imports |
|---|---|
| "./BasePlayground" | BasePlaygroundPlaygroundProps |
| "./StoryPlayground" | StoryPlayground |
<StoryPlayground
storyProps
/>StoryPlayground
from"./StoryPlayground"
<BasePlayground/>
BasePlayground
from"./BasePlayground"