Layout
Container

Container

Multi-size wrapper with paddings

Anatomy

import { Container } from "@lualtek/react-components";
 
export default () => {
  return <Container>...</Container>;
};

API Reference

export type ContainerProps = {
  /**
   * Set the horizontal max-width of the container.
   * @default 'full'
   */
  dimension?: "full" | "small" | "medium" | "large" | "extra-large";
 
  /**
   * Set or remove the container's predefined horizontal padding.
   */
  padding?: boolean;
 
  /**
   * Set the component to render as different element
   * @default 'div'.
   */
  as?: JSX.IntrinsicElements | React.ComponentType<unknown>;
};