Password Dots

••••••••••••••••
About this piece

Password Dots

Masked password row rendered as spaced mono bullets paired with an eye reveal button.

Usage

The import and the props worth knowing about, in one place.

import { Input11 } from "@/components/beste/piece/input11";

<Input11
  length={16}
/>

More Input pieces

View all Input
4
2
7

OTP Digit Boxes

Row of square digit cells with a blinking cursor in the next empty slot.

INV-2026-00421Auto

Serial Input

ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.

typescript
12
const answer = 42;return answer * 2;

Code Input

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.

Email notificationsGet updates when teammates comment

Toggle Row

Row with a bold label, secondary description, and a switch that slides on or off.

Choose a password
0 characters entered
  • At least 8 characters
  • Contains a number
  • Contains a symbol

Password Strength

Masked characters type into the field while a four-segment meter climbs from rose through amber to emerald and each rule in the checklist ticks green, then it clears and starts over.

design tokens

Search Pill

Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.