Pular para o conteúdo principal
Valmor
AI Blog Educação Music Loja Sobre
0 Usuário U
Sua sessão expirou — entre novamente
Componentes UI
85 Componentes ✦ Motion
Visão Geral Button Dropdown FAB / Speed Dial Modal Swap Theme Controller Floating Agent Hold to Confirm Swipe Actions
Visão Geral Accordion Avatar Badge Card Card Grid Carousel Chat Bubble Collapse Countdown Diff Hover 3D Card Hover Gallery Kbd List Stat Status Table Asset Card Explorer Message Controls Order Card Text Rotate Timeline
Visão Geral Calendar Checkbox Fieldset File Input Filter Text Input Label Radio Range Slider Rating Select Textarea Tag Input Toggle Validator Address Form Auto-Save Input Avatar Upload File Upload
Visão Geral Alert Loading Progress Radial Progress Skeleton Toast Tooltip Cart Drawer
Visão Geral Divider Drawer Sidebar Footer Hero Indicator Join (Group Items) Mask Stack Page Content Page Header Profile Section SEO Metadata Section Header
Visão Geral Breadcrumbs Dock Link Menu Navbar Pagination Steps Tabs Global Sidebar
Visão Geral Browser Mockup Code Mockup Phone Mockup Window Mockup
Administração
Avatar V
Visitante
Entrar
  • Style
  • Componentes
  • Exibição de Dados
  • Table

Table

Tabela para dados tabulares.

Table

Name Job Favorite Color
Cy Ganderton Quality Control Specialist Blue
Hart Hagerty Desktop Support Technician Purple
Brice Swyre Tax Accountant Red
0 selecionados
Equipe — ordene uma coluna ou selecione linhas
Nome Função Projetos
Cy GandertonQuality Control8
Hart HagertyDesktop Support14
Brice SwyreTax Accountant5
<!-- Table Component -->
<div class="table">
  Table content here
</div>
---
import Table from '@/components/ui/data-display/Table/Table.astro';
---

<Table />

Uso

Quando usar

  • Use Table para tabela para dados tabulares.
  • Ideal para interfaces que precisam de exibição de dados

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela
Anterior Status Próximo Asset Card
Valmor

Desenvolvimento web, projetos de hardware e eletrônica.

Navegação

  • AI
  • Blog
  • Educação
  • Music
  • Loja
  • Sobre

Social

  • linkedin
  • github

© 2026 Valmor Nascimento. Todos os direitos reservados.

Privacidade Termos Cookies Encarregado

Sobre seus dados

Medimos a audiência deste site com ferramenta própria, por legítimo interesse. Não usamos rastreadores de terceiros, publicidade nem seu endereço IP. Você pode recusar agora ou depois, em Conta → Ajustes.

Política de Privacidade · Cookies