Docs
Input Base

Input Base

Base component to create custom inputs.

@

Installation

npx 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

@

With Action

Disabled

Form

This is your public display name.