Carregando…Carregando…Carregando…Carregando…Corner ribbon badge for card components with position and intent options.
$ npx kikitocn add ribbonimport { Ribbon } from "@/components/ui/cn/ribbon/Ribbon";
export function RibbonExample() {
return (
<Ribbon label="Label" position="top-left" intent="primary">
Ribbon
</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' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'primary' | Cor da faixa |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
Top-right (default)
All intent colors