Carregando…
Carregando…
Carregando…List of features with check/cross icons and intent color variants.
$ npx kikitocn add feature-listimport { FeatureList } from "@/components/ui/cn/feature-list/FeatureList";
export function FeatureListExample() {
return (
<FeatureList variant="check" intent="primary" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | FeatureItem[] | — | Array de { title, description?, icon?, available? } |
variant | 'check' | 'numbered' | 'icon' | 'check' | Estilo do marcador |
intent | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'primary' | Cor dos ícones/marcadores |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
Check (default)
Unlimited projects
API access
Priority support
Custom domains
Numbered
Unlimited projects
API access
Priority support
Custom domains
Icon (custom)
Unlimited projects
API access
Priority support
Custom domains
All intent colors
Unlimited projects
API access
Priority support
Unlimited projects
API access
Priority support
Unlimited projects
API access
Priority support
Item indisponível (available: false)
Unlimited projects
API access
Não disponível: White-label branding
Plano Enterprise apenas