//
Groups inputs and labels.
bun add xiod-ui1import {2 InputGroup,3 InputGroupAddon,4 InputGroupInput,5 InputGroupText,6 InputGroupTextarea7} from "xiod-ui/input-group";1<InputGroup>2 <InputGroupInput />3 <InputGroupAddon />4 <InputGroupText />5 <InputGroupTextarea />6</InputGroup>| Prop | Type | Default | Description |
|---|---|---|---|
align | "inline-start"| "block-end"| "block-start"| "inline-end"| null| undefined | inline-start |
| 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 | - | |
unstyled | boolean| undefined | - | |
nativeInput | boolean| undefined | - | |
className | string| undefined | - | |
style | CSSProperties| undefined | - |
| Prop | Type | Default | Description |
|---|---|---|---|
size | number| "default"| "sm"| "lg"| undefined | - | |
unstyled | boolean| undefined | - |