Componentes

Diff Viewer

Visualizador de diferenças de código com syntax highlighting via Pierre Diffs.

4 testes passando · 100% linhas · 80% branches

Instalação

bun add @adila-sh/ui

Uso

import { DiffViewer } from "@adila-sh/ui";

<DiffViewer
  filename="app.ts"
  oldCode="const version = 1;"
  newCode="const version = 2;"
  layout="split"
/>;

O componente utiliza @pierre/diffs, com Shiki para syntax highlighting. Use layout="unified" ou layout="split".

Dialog

Janela modal.

Direction

Componente direction do design system adila.co.

Nesta página

Instalação Uso