@intility/bifrost-react/dist/components/Container/index.js

React library for Intility's design system, Bifrost.

import Container from "./Container.js";
import ContainerBreakpoint from "./Container.Breakpoint.js";

/**
 * Create a
 * [container](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment)
 * for `<Container.Breakpoint>`
 *
 * - xs = 300px
 * - small = 600px
 * - medium = 960px
 * - large = 1280px
 * - xl = 1600px
 * - xxl = 1920px
 *
 * @see https://bifrost.intility.com/react/container
 *
 * @example
 * <Container>
 *   <Container.Breakpoint to="small">up to 600px</Container.Breakpoint>
 *   <Container.Breakpoint from="small">600px and wider</Container.Breakpoint>
 * </Container>
 */
export default Object.assign(Container, {
  /**
   * Element that will only be visible if closest `<Container>` is wider than
   * `from` and/or narrower than `to`.
   *
   * - xs = 300px
   * - small = 600px
   * - medium = 960px
   * - large = 1280px
   * - xl = 1600px
   * - xxl = 1920px
   */
  Breakpoint: ContainerBreakpoint
});