Input

Extended Features

• Size variants — xs, sm, default, and lg with the same dimensions and spacing as the Button component

Install

Configure your registry in components.json:

{
  "registries": {
    "@uxio": "https://ui.uxio.dev/r/styles/{style}/{name}.json"
  }
}

Then run:

npx shadcn@latest add @uxio/input

Examples

Size Variants

Use the size prop to match input dimensions with the Button component. Sizes align across all styles.

Extra Small (xs)

Small (sm)

Default

Large (lg)