A next-generation tool to create blazing-fast documentation sites
API
created:3/5/2021
updated:3/5/2021
source lines:86
comments %:1

ViewportBlock

@component-controls/viewport-plugin
3.6.1

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

Sizes

xsmall

small

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)

Commits

Date
Author
Commit Message
12/28/2020

atanasster

feat: custom esm pages
11/30/2020

atanasster

chore: update theme-ui to 0.5.0
8/27/2020

atanasster

feat: jest snapshots rtl, enzyme and rtr
8/18/2020

atanasster

feat: integrate viewport into examples
8/18/2020

atanasster

chore: viwport box layout
8/18/2020

atanasster

chore: move viewport page to plugin
6 commits

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

Overview

320px

375px

768px

1024px