kosori

Input

A native input element.

Input wraps the Base UI Input primitive in a styled control, accepts size, unstyled and nativeInput, and marks both parts with data-slot.

Installation

npx shadcn@latest add @kosori/input

Example

input-example.tsx
input-example
import { Input } from '@/components/ui/input';

const InputExample = () => (
  <Input aria-label='Enter text' placeholder='Enter text' type='text' />
);

export default InputExample;

Usage

import { Input } from '@/components/ui/input';

const InputDemo = () => (
  <Input aria-label='Enter text' placeholder='Enter text' type='text' />
);

On this page