View all @storybook/components analysis

How to use the @storybook/components.Input.sizes function in @storybook/components

To help you get started, we’ve selected a few @storybook/components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

storybookjs / storybook / addons / knobs / src / components / types / Date / styles.js View on Github

export default ({ theme, size }) => ({
  ...Input.sizes({ size, theme }),
  '&.rdt': {
    position: 'relative',
  },
  '& > input': {
    width: '100%',
    height: 32,
    ...Input.styles({ theme }),
    ...Input.alignment({ theme }),
  },
  '& .rdtPicker': {
    display: 'none',
    position: 'absolute',
    width: 200,
    padding: 4,
    marginTop: 1,
    zIndex: 99999,