Blips
Documentação

Input

Um componente de campo de texto para formulários e entrada de dados do usuário, com estilização e recursos de acessibilidade integrados.

Carregando…
"use client";
import { Input } from "@blips/ui/components/input";
export default function InputDemo() {
  return <Input type="email" placeholder="Email" />;
}

Instalação

pnpm add @blips/ui

Uso

import { Input } from "@blips/ui/components/input"
<Input />

Exemplos

Desabilitado

Use a prop disabled para desabilitar o input.

Carregando…
import { Input } from "@blips/ui/components/input";

export default function InputDisabled() {
  return <Input disabled type="email" placeholder="Email" />;
}

Arquivo

Use a prop type="file" para criar um input de arquivo.

Carregando…
import { Input } from "@blips/ui/components/input";
import { Label } from "@blips/ui/components/label";

export default function InputFile() {
  return (
    <div className="grid w-full max-w-sm items-center gap-3">
      <Label htmlFor="picture">Picture</Label>
      <Input id="picture" type="file" />
    </div>
  );
}
AnteriorHover CardPróximoInput Group