Cerca...

Cerca nella documentazione...

Componenti

Componenti

Vesuvius UI distribuisce tre livelli di componenti, seguendo il modello Atomic Design, dal più piccolo al più completo:

  • Atomi — un singolo elemento HTML o primitivo Radix con lo stile del kit, senza ulteriore composizione (Button, Input, Badge, ...).
  • Molecole — pattern composti da più parti e assemblati a partire dagli atomi (Dialog, Select, DropdownMenu, Table, ...).
  • Organismi — funzionalità complete con stato e comportamento propri (DataTable, DateTimePicker, la famiglia di grafici, RichTextEditor, ...).

Ogni componente è un export nominato di @pompeitech/vesuvius-ui:

import { Button } from "@pompeitech/vesuvius-ui";