A next-generation tool to create blazing-fast documentation sites
API
created:8/27/2020
,
updated:2/17/2021

ViewportBlock

@component-controls/viewport-plugin
2.11.3

import { ViewportBlock } from '@component-controls/viewport-plugin';

Overview

320px

375px

768px

1024px

Name
Description
Default
ViewportBlockOwnProps (2 properties)
sizes
Record<string, number>
{
    '320px': 320,
    '375px': 375,
    '768px': 768,
    '1024px': 1024,
  }
sxContainer
ThemeUICSSObjectThemeDerivedStyles
-
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)
StoryInputProps (1 properties)

package
imports
peer
StoryBlockContainerPropsStoryBlockContainer
MultiselectItemMultiselectActionContainer
@component-controls/store
useStoryStoryInputProps
react
^17.0.1
useStateFC
*
theme-ui
^0.6.0-alpha.7
jsxThemeUIStyleObjectButtonBox
*

file
imports
"./ViewportBox"
ViewportBox

Stories

Sizes

xsmall

small