Carregando…Carregando…Carregando…Carregando…LTR/RTL text direction context — thin layer over @radix-ui/react-direction with a real dir attribute.
alterna a direção — repare na ordem/alinhamento do ícone e texto
useDirection() → "ltr"
$ npx kikitocn add direction@radix-ui/react-directionimport { Direction } from "@/components/ui/cn/direction/Direction";
export function DirectionExample() {
return (
<Direction DirectionProvider="ltr" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
DirectionProvider | { dir: 'ltr' | 'rtl'; children: React.ReactNode } | — | Envolve a árvore que deve herdar a direção — soma dir= no DOM e no contexto do Radix |
useDirection | () => 'ltr' | 'rtl' | — | Lê a direção do DirectionProvider mais próximo (default 'ltr' sem nenhum acima) |