Floating Label Input

Yalnız CSS ilə qalxan etiketli sahə

Formalarforminputlabelcssautofill

Email address

Kod bağlıdır

export function FloatingLabelInput() {
  return (
    <div className="relative w-full max-w-xs">
      <input
        id="email"
        placeholder=" "
        className="peer w-full rounded-lg border border-neutral-200 px-3 pb-2 pt-5 text-sm outline-none transition-colors focus:border-amber-500"
      />

Kodu görmək üçün hesab lazımdır

Pulsuz hesab yaradın — bütün komponentlərin tam mənbə kodunu, usage nümunəsini və AI promptunu kopyalayın.

Pulsuz hesab yarat Daxil ol

Pulsuzdur — kart tələb olunmur.

Oxşar komponentlər

⌘K

Search Input

Formalar · Təmizləmə düyməsi və ⌘K ipucu ilə axtarış

designnextjs

Tag Input

Formalar · Klaviatura ilə idarə olunan teq sahəsi

Toggle Switch

Formalar · Əlçatanlıq rolları ilə keçid açarı