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>;
};