Separator

Web uniquement — React, depuis @krizaka/ui/separator. Stable : son API ne change qu’à une version majeure.

Pourquoi il est là. A primitive of the platform: dividers inside menus, lists and cards.

Installation

Installer

npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcss

Styles

@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";

Importer

import { Separator } from "@krizaka/ui/separator";

Exemples

Props

Ce module n'a pas de props de composant : voir l'import et l'aperçu ci-dessus.

Accessibilité

• Radix Separator: decorative by default (role="none"); decorative={false} gives role="separator" and its orientation.

Bonnes pratiques

• Prefer space to lines; a separator marks a change of group.
• decorative={false} only when the separation means something to a screen-reader user.

Composants liés

• Dropdown menuA menu of actions opened from a trigger: items with icons, checkbox items, labels, separators, a destructive item.
• CardThe composed chassis of every card: a media with overlays, a body with a title, a description, stats and a footer.

Générée depuis le code de @krizaka/ui 3.9.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub