npm.io
0.0.4-alpha.14 • Published 4 years ago

@graffft-waggle/container

Licence
MIT
Version
0.0.4-alpha.14
Deps
1
Size
7 kB
Vulns
0
Weekly
0

filename: /packages/layouts/Container/Container.tsx

Container API

The API documentation of the Container Graffft Waggle component.

Import

import { Container } from '@graffft-waggle/container';

Container

// see @graffft-waggle/media-query
export type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';

export type Breakpoints = {
  [key in Breakpoint]: number;
};
// see @graffft-waggle/container
type ContainerMaxWidths = {
  [key in Breakpoint]: number; // in px
};

Optional Props

Name Type Default Description
breakpoints Breakpoints defaultBreakpoints object of breakpoints, see @graffft-waggle/media-query for defaultBreakpoints value
containerMaxWidths ContainerMaxWidths defaultContainerMaxWidths object of container max-widths, see @graffft-waggle/container for defaultContainerMaxWidths value
customScss string '' custom scss

Demos

  • TODO

Keywords