Componentes Avançados
Controles
especializados.
Componentes avançados para seleção de datas, telefone, upload de arquivos, edição inline e mais.
Arraste ou clique para enviarAceito: image/* FileInput
Clique para editar
InlineEdit
Editor Rich Text
Edição de
conteúdo.
Três níveis de toolbar: mínimo, completo e somente leitura.
BIUH1H2•1.
Edição de conteúdo rico...
Toolbar Completo
BI
Conteúdo somente leitura.
Somente Leitura
Papéis de Produção
Primitivos
essenciais.
Campo de texto, controle segmentado e área de texto — os blocos fundamentais para qualquer formulário.
Controle Segmentado
Compatibilidade Legada
Migração
controlada.
Componente mantido por um ciclo para retrocompatibilidade. Novos projetos devem usar Field + FieldLabel.
Migração BbFormField
Guia de Uso
Quando usar
cada componente.
Diretrizes de aplicação para garantir consistência em todas as superfícies.
Field
Wrapper canônico para composição de formulários em sites e produtos.
FieldLabel
Label canônico para Input, Textarea e controles agrupados.
SegmentedControl
Seletor de opção única compacto para formulários de marketing.
BbFormField
Wrapper depreciado mantido por um ciclo. Novos docs usam Field + FieldLabel.
Campos de Texto
Estados de
entrada.
Quatro estados visuais para inputs: padrão, foco, erro e desabilitado.
Área de Texto
Texto longo.
Campo de múltiplas linhas com redimensionamento vertical.
Máx. 500 caracteres
Select
Seleção.
Dropdown nativo estilizado para seleção única.
Toggles
Controles de
alternância.
Checkboxes, radios e switches para seleção binária e exclusiva.
Formulário Composto
Exemplo
integrado.
Todos os elementos combinados em um formulário funcional.
