Carregando…

Password Input

Inputs

Password field with show/hide toggle, optional strength meter and hints.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/password-input

Instalação via CLI

$ npx kikitocn add password-input

Exemplo de uso

Password InputExample.tsx

import { PasswordInput } from "@/components/ui/cn/password-input/PasswordInput";

export function PasswordInputExample() {
  return (
    <PasswordInput />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`string`	—	Valor controlado
`defaultValue`	`string`	—	Valor inicial
`onChange`	`React.ChangeEventHandler<HTMLInputElement>`	—	Callback ao alterar
`placeholder`	`string`	—	Placeholder do campo
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do campo
`disabled`	`boolean`	`false`	Desabilitar campo
`invalid`	`boolean`	`false`	Estado de erro
`showStrength`	`boolean`	`false`	Exibir medidor de força
`hint`	`string`	—	Texto de ajuda
`errorMessage`	`string`	—	Mensagem de erro
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…