Command Palette

Search for a command to run...

GitHubGitHub

Input Base

Base component to create custom inputs.

Open in Open in v0
Loading...

Installation

pnpm dlx shadcn@latest add https://ui-x.junwen-k.dev/r/input-base.json

Usage

import {
  InputBase,
  InputBaseAdornment,
  InputBaseControl,
  InputBaseInput,
} from "@/components/ui/input-base";
<InputBase>
  <InputBaseAdornment>@</InputBaseAdornment>
  <InputBaseControl>
    <InputBaseInput />
  </InputBaseControl>
</InputBase>

Examples

Default

Open in Open in v0
Loading...

With Action

Open in Open in v0
Loading...

Disabled

Open in Open in v0
Loading...

Form

Open in Open in v0
Loading...
File List

A File List component displays a list of files with details such as name, size, and progress.

Kbd

Displays which key or combination of keys performs a given action.