Logo
Logo 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 { Logo } from "@tsukira/ui"; export function Ejemplo() { return <Logo />;}Ejemplos#
Los ejemplos detallados de Logo están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en Layout y marcaAPI#
LogoPropsextends HTMLAttributes<HTMLSpanElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
symbol | ReactNode | の (no) | Carácter/símbolo dentro del badge. Default: の (no). |
variant | 'solid' | 'outline' | 'plain' | — | — |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | — | — |
tone | 'brand' | 'ink' | 'paper' | 'success' | 'warning' | 'danger' | 'info' | — | — |
stamped | boolean | — | Aplica rotación leve para look "estampado". |