DS | Adila.co
Componentes

Direction

Componente direction do design system adila.co.

DirectionProvider não tem visual próprio: é um provedor de contexto que informa aos componentes a direção do texto (ltr ou rtl). Envolva a árvore da aplicação com ele para habilitar layouts da direita para a esquerda. O exemplo abaixo demonstra uma seção em rtl.

مرحبا بك

Conteúdo alinhado da direita para a esquerda.

Instalação

bun add @adila-sh/ui

Uso

import { DirectionProvider } from '@adila-sh/ui';

export function Example() {
  return (
    <DirectionProvider direction="rtl">
      <div dir="rtl">{/* componentes herdam a direção rtl */}</div>
    </DirectionProvider>
  );
}

Dependências

Nesta página