Todos os componentes

View que recebe tokens de espaçamento, cor, raio e elevação como props.

• Props de padding e margin
• Fundo com cor do tema
• Raio e 6 níveis de elevação

Pilhas verticais e horizontais com gaps baseados em tokens.

• VStack e HStack
• Gap a partir dos tokens de espaçamento
• Align, justify e wrap

Primitivo tipográfico ligado à escala tipográfica do tema.

• 18 variantes de tipo
• Tokens de cor do tema
• Cores de acento legíveis

Texto com função de cabeçalho mapeado para os estilos de título.

• Níveis 1-3 mais 2 tamanhos display
• Função de cabeçalho para leitores de ecrã

Separador horizontal fino.

• Inset em ambos os lados
• Espessura a partir dos tokens

Pressable com uma escala em spring do Reanimated ao pressionar.

• Escala configurável
• Respeita o movimento reduzido
• Anel de foco de teclado

Texto de uma só linha que apenas desliza quando transborda.

• Deteção de transbordo
• Velocidade e pausa configuráveis
• Estático com movimento reduzido

Indicador animado de página ou de passo.

• O ponto ativo alarga
• Anuncia o passo atual

Pequeno sobretítulo em maiúsculas com função de cabeçalho.

• Maiúsculas por defeito
• Transformação e cor personalizadas

Conjunto de ícones desenhados com o mesmo aspeto no iOS e no Android.

• 12 glifos
• Chevrons espelhados em RTL
• Ocultos dos leitores de ecrã

Mosaico tocável com um chip de ícone colorido e uma etiqueta.

• 5 tons
• Escala em spring ao pressionar
• Háptica leve ao pressionar

Avatar circular que mostra uma imagem ou iniciais.

• 4 tamanhos (sm-xl)
• Iniciais a partir de um nome
• Fundo personalizado para as iniciais

Contagem, etiqueta curta ou ponto de estado.

• 5 variantes de cor
• Limite de transbordo (99+)
• Modo de ponto

Sheet modal que desliza a partir do fundo.

• Arrastar para baixo para dispensar
• Partes Header, Body e Footer
• Evita o teclado
• Gesto de escape do leitor de ecrã

Barra de separadores inferior com uma pílula ativa animada.

• Emblemas por separador
• Funções de separador com estado selecionado
• Inset de área segura

Botão de ação principal com variantes, tamanhos, estado de carregamento e ícones.

• 5 variantes
• 3 tamanhos (sm/md/lg)
• Estado de carregamento
• Pressão háptica

Superfície com tema que se torna tocável quando recebe um handler.

• 4 níveis de elevação
• 3 tamanhos de densidade
• Slots de cabeçalho e rodapé

Checkbox com uma etiqueta opcional.

• 2 tamanhos
• Função e estado de checkbox
• Háptica leve ao alternar

Chip selecionável ou etiqueta de filtro.

• 3 variantes e 3 formas
• Ícone inicial
• Layout ChipGroup

Explosão de confetti celebrativa que nunca bloqueia os toques.

• Contagem de partículas configurável
• Dispara ao ser mostrado
• Respeita o movimento reduzido

Contagem decrescente que se atualiza sozinha até um prazo.

• 4 formatos
• Unidades localizáveis
• Etiqueta e callback de expiração

Campo de data, hora ou data e hora.

• 3 modos
• Datas mínima e máxima
• Pode ser limpo
• Alternativa só de leitura sem o seletor

Campos de data de início e de fim para um intervalo.

• Cada extremo limita o outro
• Erro separado por extremo
• Pode ser limpo

Estado vazio centrado com ícone, título, mensagem e ação.

• 3 tamanhos
• Slot de ação
• Função de resumo

Error boundary com um fallback para tentar novamente.

• Reset keys
• Render de fallback personalizado
• HOC withErrorBoundary

Legenda de erro mostrada por baixo dos campos de formulário.

• Função de alerta
• Live region em modo polite

Etiqueta de campo em maiúsculas com um marcador de obrigatório.

• Marcador de obrigatório
• Anunciado como obrigatório

Cabeçalho de ecrã com botão de voltar, título e ações.

• Títulos regulares e grandes
• Título centrado ou à esquerda
• Chevron de voltar espelhado em RTL

Botão circular apenas com ícone.

• 4 variantes e 3 tamanhos
• Hit slop integrado
• Háptica leve

Input de texto com etiqueta, erro e uma borda ao focar.

• Etiqueta, erro e obrigatório
• Reencaminha a ref e as props de TextInput
• Suporte multilinha

Caixa de diálogo de pedido de texto multiplataforma.

• Alert.prompt do sistema no iOS
• Modal com tema no Android
• Botões localizados

Barra de ações inferior que se mantém acima do teclado.

• Sobe com o teclado
• Ativo por defeito no Android

Cabeçalho de lista ou de página em quatro tamanhos.

• 4 tamanhos
• Opções de transformação de texto
• Função de cabeçalho

Linha de lista com ícone, subtítulo, valor e chevron.

• Chevron quando tocável
• Estilo destrutivo
• Slots personalizados

Secção de lista agrupada com um título e uma nota de rodapé.

• Cartão agrupado ou linhas separadas
• Título e nota de rodapé

Linha de lista com um interruptor integrado.

• Interruptor integrado
• Ícone e subtítulo

Caixa de diálogo centrada com backdrop, título e rodapé.

• Partes Header, Body e Footer
• Dispensa pelo backdrop
• Gesto de escape do leitor de ecrã

Barra de progresso horizontal determinada.

• Cor semântica ou personalizada
• Função de barra de progresso com valor
• Altura configurável

Opção de radio individual com uma etiqueta opcional.

• Seleção controlada
• Função de radio
• Háptica leve

Wrapper de ecrã com área segura e largura máxima em tablets.

• Áreas seguras superior e inferior
• Conteúdo centrado em tablets
• Padding opcional

Campo de pesquisa com debounce e um botão de limpar.

• Debounce integrado
• Botão de limpar
• Slots esquerdo e direito

Secção de conteúdo com um título e uma ação.

• Título como cabeçalho
• Slot de ação

Controlo segmentado de escolha única ao estilo iOS.

• Grupo de radio para leitores de ecrã
• Valores tipados
• Háptica leve

Seletor de valor único com as opções num sheet inferior.

• Seletor com BottomSheet
• Ícones nas opções
• Etiqueta, erro e obrigatório

Linha de definições com um mosaico de ícone arredondado.

• Mosaico de ícone
• Estilo destrutivo
• Variante SettingsSwitchRow

Placeholder de carregamento animado.

• Preset de Card
• Respeita o movimento reduzido
• Etiqueta de carregamento localizada

Indicador de atividade centrado com uma etiqueta opcional.

• 2 tamanhos
• Anunciado aos leitores de ecrã

Mosaico de estatística com etiqueta, valor e legenda.

• 5 tons
• 3 tamanhos
• Números tabulares

Interruptor nativo com tema, etiqueta e subtítulo.

• Toda a linha é tocável
• Háptica leve
• Etiqueta lida com o subtítulo

Input multilinha com etiqueta e erro.

• Altura mínima em linhas
• Etiqueta, erro e obrigatório

Toast imperativo montado uma única vez na raiz da app.

• 5 variantes
• Posição no topo ou no fundo
• Botão de ação
• Anúncios para leitores de ecrã