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

Programatik

isVisible, toggle ve setVisible ile görünürlüğü koddan yönetin.

← Tüm örnekler·programmatic

Önizleme

Durum: gizli

import { useViraPassword } from "@virastack/password"
 
function Example() {
  const { inputProps, btnProps, isVisible, setVisible } = useViraPassword({
    defaultVisible: false,
  })
 
  return (
    <div>
      <div className="relative">
        <input
          {...inputProps}
          placeholder="Parolanız"
          onBlur={() => setVisible(false)}
        />
        <button {...btnProps} />
      </div>
      <p>{isVisible ? "Görünür" : "Gizli"}</p>
    </div>
  )
}

Detaylar

  • Hook dönüşünde isVisible, toggle() ve setVisible(visible) vardır.
  • defaultVisible ile başlangıç durumunu ayarlayın.
  • Blur veya submit sonrası setVisible(false) ile tekrar gizleyebilirsiniz.
  • disabled / readOnly iken programmatic API de no-op’dur.

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

ÖncekiÖzel metinSonrakiProp merge

Bu sayfada

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