Carregando…Carregando…Carregando…Carregando…Corner ribbon badge for card components with position and intent options.
Demo coming soon
Add a demo component to DEMOS in _showcase.tsx for display/ribbon
$ npx kikitocn add ribbonimport { Ribbon } from "@/components/ui/cn/ribbon/Ribbon";
export function RibbonExample() {
return (
<Ribbon />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Conteúdo do card decorado |
label* | string | — | Texto da faixa (ex: 'Novo') |
position | 'top-left' | 'top-right' | 'top-right' | Posição da faixa |
intent | 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'primary' | Cor da faixa |
className | string | — | Classes CSS extras |