z-uiDesign system

z-uiDesign system

GuiaInício DocumentaçãoNovo

FundamentosVisão geral Marca Cores Esquemas de corNovo Tipografia Tamanhos Raios Sombras e movimento

ComponentesAccordion AccordionSelect Alert AlertDialog AlertModal AspectRatio Assinatura Autocomplete Avatar BrandLogo Button ButtonGroup Calendar Card CardCheckbox CardList CardOption Carousel Checkbox Chip Choice ChoroplethMap Collapsible ColorPicker Combobox Command DataTable DatePicker Dialog DialogAlert DocumentSheet Drawer DropdownMenu EmptyState FileDropZone FloatingPanel FormField Gantt HoverCard Icon Input e Field InputGroup InputOTP InputText Label MarkdownText Menubar Modal MonthYearPicker Pagination Panel Partes do Field Popover Progress ProgressCard RadioGroup Scheduler ScreenLoader ScreenStep ScreenSteppers ScrollArea Seal Select Separator SignerChip Skeleton Slider Sonner Spinner StatusBadge StepperProgress Switch Table Tabs TabsNavigation Textarea TextCollapse Toast Toggle ToggleCard ToggleGroup Tooltip ZDialog

GráficosVisão geral Barras Linhas Área Radiais Pizza Mapas Composições

ListasList DataList Exemplo: padrão Exemplo: agrupada e arrastar Exemplo: hierárquica Exemplo: selecionável Exemplo: card rico

TemplatesAppShell AppHeader MenuSidebar SingleMenuSidebar KPI PageHeader

ExemplosVitrine Tela de assinatura Painel Dashboard Contatos Detalhe do envelope Novo envelope Editar modelo Detalhe do pedido Agenda Tutorial de dados Mapa por estado Entrar

Aparência

Componentes · shadcn

Tooltip

Superfície invertida, curta e sem ações dentro. Obrigatória para botões só com ícone.

Exemplo