Command Palette

Search for a command to run...

GitHubGitHub

Password Input Primitive

Password Input provides a way for the user to securely enter a password, with the ability to toggle the visibility of the password.

Open in Open in v0

Installation

pnpm dlx shadcn@latest add https://ui-x.junwen-k.dev/r/password-input-primitive.json

Anatomy

import * as PasswordInputPrimitive from "@/components/ui/password-input-primitive";
 
export default () => (
  <PasswordInputPrimitive.Root>
    <PasswordInputPrimitive.Input />
    <PasswordInputPrimitive.Toggle />
    <PasswordInputPrimitive.Indicator />
  </PasswordInputPrimitive.Root>
);

Examples

Default

Open in Open in v0

Checkbox

Open in Open in v0
Dropzone

A dropzone is an area into which one or multiple objects can be dragged and dropped.

Sortable

Sortable provides a way to sort items in a list or grid.