DS | Adila.co
Componentes

Form

Estrutura de formulário com validação nativa e erros retornados pelo servidor.

2 testes passando · 50% linhas · 60% branches

Nome exibido para os membros do workspace.

Use letras minúsculas, números e hífens.

Instalação

bun add @adila-sh/ui

Uso

<Form
  validationMode="onBlur"
  errors={serverErrors}
  onFormSubmit={(values) => createProject(values)}
>
  <Field>{/* label, controle e erros */}</Field>
  <FormActions>
    <Button type="submit">Salvar</Button>
  </FormActions>
</Form>

Passe erros retornados pela API em errors, usando o nome de cada campo como chave. FormMessage serve para falhas globais que não pertencem a um único controle.

Filter Bar

Componente filter-bar do design system adila.co.

Hover Card

Componente hover-card do design system adila.co.

Nesta página

InstalaçãoUso