وایب‌فارسیUI

رمز عبور

password-inputکامپوننت

نمایش/پنهان کردن، همیشه چپ‌چین، و سنجش قدرت با برچسب فارسی.

حداقل ۸ کاراکتر، با حرف بزرگ، عدد و نماد

نصب

  1. با CLI

    اگر هنوز init نکرده‌اید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگی‌هایش را می‌نویسد.

    $ npx vibefarsi add password-input

  2. نصب دستی

    محتوای تب «کد» را در components/ui/password-input.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { PasswordInput } from "@/components/ui/password-input"23<PasswordInput strength placeholder="حداقل ۸ کاراکتر" />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
strengthboolean-نوار چهارقسمتی و برچسب «ضعیف تا عالی».
قبلیکمبوباکس آنلاینبعدیشماره‌ی شبا