searchInput

Tokens do componente de busca pressável — pill com ícone Material Icons, texto e swap opcional.

location_onExplorar destinos

SearchInput

State

Icon

Swap

Value

Moléculas

Molecule/SearchInput/LeadingIconVariants: Destino, Voo, Data, Busca — size 20, color white

location_on

Destino

flight_takeoff

Voo

event

Data

Busca

Molecule/SearchInput/Defaultbg white10, border white10, placeholder white60

location_onExplorar destinos

Molecule/SearchInput/Focusedbg rgba(255,255,255,0.18), border inputBorderFocused (#4494FC)

location_onRio de Janeiro

Molecule/SearchInput/WithSwapTrailing swap_vert — swapIconSize: 32

flight_takeoffOrigemswap_vert

Token	Valor	Descrição
`inputHeight`	`54`	Altura do input
`borderRadius`	`100`	Pill — formulários usam radius.sm (8)
`borderWidth`	`1`	Espessura da borda
`spacing.md`	`16`	Padding horizontal (paddingHorizontal)
`spacing.sm`	`8`	Gap entre ícone e texto
`swapIconSize`	`32`	Tamanho do ícone swap (trailing)

Token	Valor	Descrição
`iconSize`	`20`	Tamanho do ícone leading (Material Icons)
`iconColor`	`colors.white`	Cor do ícone leading
`swapIconSize`	`32`	Tamanho do ícone swap trailing
`swapIconColor`	`colors.white`	Cor do ícone swap

Token	Valor	Descrição
`fontSize`	`16`	Font size do texto
`fontFamily`	`Medium`	Peso da fonte — General Sans Medium
`color`	`colors.white`	Cor do valor preenchido
`placeholderTextColor`	`colors.white60`	Cor do placeholder

white10rgba(255,255,255,0.10)Fundo e borda — estado default

rgba(w,0.18)rgba(255,255,255,0.18)Fundo — estado focused

inputBorderFocused#4494FCBorda — estado focused

white#FFFFFFTexto preenchido e ícones

white60rgba(255,255,255,0.60)Placeholder