VIRASTACKPassword
  • Hakkında
  • Katkı
ViraStack Password

Başlangıç

  • Giriş
  • llms.txt

Kullanım

  • useViraPassword()
  • Accessibility
  • Customization
  • Helpers
  • Types
  • UI kütüphaneleri

Örnekler

  • Tümü
  • Basit
  • Disabled / readOnly
  • Özel ikonlar
  • Özel metin
  • Programatik
  • Prop merge

Prop merge

inputProps ve btnProps ile name, autoComplete, className ve handler’ları birleştirin.

← Tüm örnekler·prop-merge

Önizleme

import { useViraPassword } from "@virastack/password"
 
function Example() {
  const { inputProps, btnProps } = useViraPassword({
    id: "signup-password",
    inputProps: {
      name: "password",
      autoComplete: "new-password",
      className: "pr-10",
    },
    btnProps: {
      className: "absolute inset-y-0 right-2 my-auto",
      onClick: () => analytics.track("password_toggled"),
    },
  })
 
  return (
    <div className="relative">
      <input {...inputProps} placeholder="Yeni parola" />
      <button {...btnProps} />
    </div>
  )
}

Detaylar

  • Kullanıcı props’ları base props ile merge edilir.
  • on* handler’lar zincirlenir; className birleştirilir.
  • Bu örnek form kütüphanesi değil; prop birleştirme davranışını gösterir.

Hook API için useViraPassword(), stil ve ikonlar için customization.

ÖncekiProgramatik

Bu sayfada

  • Önizleme
  • Detaylar
Hata mı var? Düzeltin