//
Displays a form input field or a component that looks like an input field.
bun add xiod-ui1import { Input } from "xiod-ui/input";1<Input>2</Input>| Prop | Type | Default | Description |
|---|---|---|---|
defaultValue | string| number| readonly string[]| undefined | - | The default value of the input. Use when uncontrolled. |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, InputState>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
value | string| number| readonly string[]| undefined | - | The value of the input. Use when controlled. |
onValueChange | ((value: string, eventDetails: { reason: "none"; event: Event; cancel: () => void; allowPropagation: () => void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element| undefined; }) => void)| undefined | - | Callback fired when the `value` changes. Use when controlled. |
size | number| "default"| "sm"| "lg"| undefined | default | |
unstyled | boolean| undefined | false | |
nativeInput | boolean| undefined | false | |
className | string| undefined | - | |
style | CSSProperties| undefined | - |