Command Palette

Search for a command to run...

GitHubGitHub

Input Base

Base component to create custom inputs.

Open in Open in v0

@

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

@

With Action

Open in Open in v0

Disabled

Open in Open in v0

Form

Open in Open in v0

This is your public display name.

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.