BTE
Componente

Input + Form field

Campo com borda hairline que acende champanhe no foco. Label em mono caixa-alta.

Como aparece no scoreboard.
tsx
import { Input, FormField } from "@/components/ui/input";

<FormField label="Nome" hint="Como aparece no scoreboard.">
  <Input placeholder="Henrique F." />
</FormField>
<FormField label="E-mail" htmlFor="email">
  <Input id="email" type="email" placeholder="voce@empresa.com" />
</FormField>