Input

Standard text input with the signature dashed-border brutalist styling. Extends all native input attributes.

Import

import { Input } from "poyraz-ui/atoms";

Default

Basic text input with placeholder.

<Input placeholder="hello@example.com" />

With Label

Pair with the Label component for accessible forms.

<Label htmlFor="email">Email</Label>
<Input id="email" type="email" placeholder="hello@example.com" />

Types

Supports all native HTML input types.

<Input type="text" placeholder="Text" />
<Input type="password" placeholder="Password" />
<Input type="number" placeholder="Number" />
<Input type="date" />

Disabled

Disabled state prevents interaction.

<Input placeholder="Cannot type here" disabled />