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
  • Entrada de Dados
  • Text Input

Text Input

Campo de entrada de texto.

Text Input

<!-- Text Input Component -->
<div class="input-field">
  Text Input content here
</div>
---
import Text Input from '@/components/ui/data-input/Text Input/Text Input.astro';
---

<Text Input />

Uso

Quando usar

  • Use Text Input para campo de entrada de texto.
  • Ideal para interfaces que precisam de entrada 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 Filter Próximo Label
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