z-uiDesign system
Componentes · shadcn

Scroll Area

Área rolável com barra própria, igual em todos os navegadores. A barra só aparece quando há conteúdo para rolar.

Trilha de auditoria

  1. 14/10/2026 09:12Envelope 2026-0142 criado por Juliana Prado
  2. 14/10/2026 09:13Hash SHA-256 registrado: 9f86d081…b0f00a08
  3. 14/10/2026 09:14Convite enviado para Marina Alves Costa
  4. 14/10/2026 09:14Convite enviado para Rafael Nogueira
  5. 14/10/2026 10:40Marina Alves Costa abriu o documento
  6. 14/10/2026 10:42Código por e-mail confirmado por Marina Alves Costa
  7. 14/10/2026 10:43Marina Alves Costa assinou · CPF ***.456.789-**
  8. 15/10/2026 08:00Lembrete automático enviado para Rafael Nogueira
  9. 15/10/2026 16:05Rafael Nogueira assinou · CPF ***.654.321-**
  10. 15/10/2026 16:05Envelope concluído e certificado emitido

Horizontal

Miniaturas das páginas do contrato, com ScrollBar na horizontal.

p. 1
p. 2
p. 3
p. 4
p. 5
p. 6
p. 7
p. 8
p. 9
p. 10
p. 11
p. 12

Props

PropTipoPadrãoDescrição
type"auto" | "always" | "scroll" | "hover""hover"ScrollArea: quando a barra fica visível.
scrollHideDelaynumber600ScrollArea: espera em ms para esconder a barra.
orientation"vertical" | "horizontal""vertical"ScrollBar: adicione uma horizontal dentro do ScrollArea quando precisar.
<ScrollArea className="h-64">
  <AuditTrail events={events} />
</ScrollArea>