Container
Container forma parte del apartado «Layout y marca» del kit. Cards, contenedores, stacks, carruseles y las piezas de identidad del kit (Logo, Sello, olas).
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { Container } from "@tsukira/ui"; export function Ejemplo() { return <Container />;}Ejemplos#
Los ejemplos detallados de Container están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en Layout y marcaAPI#
ContainerPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'lg' | Ancho máximo. Default 'lg'. Mapping: sm=640, md=768, lg=1024, xl=1280, 2xl=1536, full=100%. |
px | number | string | usa --tsk-space-4 (16px) | Padding lateral (px). Default usa --tsk-space-4 (16px). Permite override. |
centered | boolean | true | Centrar horizontalmente con margin: 0 auto. Default true. |
as | 'div' | 'section' | 'main' | 'article' | 'aside' | div) | Forzar elemento HTML (default div). Útil para semántica. |