How to use the @storybook/components.Input.alignment 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.

github storybookjs / storybook / addons / knobs / src / components / types / Date / styles.js View on Github external
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,
    background: theme.barFill,
  },
  '&.rdtOpen .rdtPicker': {
    display: 'block',
  },
  '&.rdt .rdtPicker': {
    boxShadow: 'none',
    position: 'static',