Particles
Composições prontas usando componentes do Up Web DS. Explore exemplos reais, veja os itens usados e copie o código.
Cada particle é um example real de um *.examples.tsx. Nenhum deles é um item do catálogo, e nenhum se instala pela CLI.
22 particles
Busca com filtro agrupado
Um select, um campo e a ação unidos numa forma só — um campo composto, não uma fileira de botões.
- Nenhum item combina com esses filtrosNenhum primitive tem a category
assessment: ela pertence ao domínio education. Digite a data ou escolha no calendário.
Campo de data digitável
Campo mascarado em dd/mm/aaaa com o calendário atrás do ícone: a data que já se sabe entra pelo teclado, a que se procura, pelo calendário.
primitives/tooltip
Hint transitório ancorado a um gatilho.stableO conteúdo é sempre redundante em relação ao gatilho: um dispositivo de toque não tem hover.
Confirmação destrutiva
A decisão que não pode ser tomada por engano: sem clique fora, sem Escape, e o foco começa na saída segura.
Usa: Alert DialogButton
Data e horário do agendamento
Data digitável só em dias úteis a partir de hoje, ao lado do horário em faixas de meia hora.
Período em dois campos digitáveis
Início e fim em campos separados, cada um limitando o calendário do outro, com a duração e a inversão ditas em texto.
Etapa 1 de 3.
Questão de múltipla escolha
Trilha com três perguntas de checkboxes, progresso visível e botões para avançar.
Atendimento de segunda a sexta, a partir de hoje.
Escolha a data de entrada e a de saída.
0 de 5 dias escolhidos.
1 de 5 itens selecionados.
Trilha truncada com menu
Os níveis ocultos continuam alcançáveis: as reticências viram um menu com nome.