Component Props ### Default Preview Code ```jsx import { TextInput } from "@xbeshui/core" export function InputDemo() { return ( ) } ```

## Example ### Filled Preview Code ```jsx import { Input } from "@xbeshui/core" export function InputDemo() { return ( ) } ```

### Unstyled Preview Code ```jsx import { Input } from "@xbeshui/core" export function InputDemo() { return ( ) } ```

### Text Input Component Props | Name | Type | Description | | --------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | | variant | default \| filled \| unstyled \| | Different visual styles or appearances of the component. | | labelPosition | default \| right \| left \| | Placement of labels relative to UI elements for clarity and usability. | | width | default \| xs \| sm \| md \| lg \| xl \| full | Sets the width of the text input component. Accepts CSS values or pixel numbers, allowing for flexible layout control. | | radius | default \| xs \| sm \| md \| lg \| xl \| | The radius prop specifies the border radius of the component, determining the roundness of its corners. Accepts values such as 'default', 'sm', 'md', 'lg', 'xl', 'xxl', 'full'. | | error | default \| true \| false \| | Specifies the error message to be displayed when there is an issue with the tags input. | | defaultVariants | labelPosition \| radius \| variant \| width \| | The DefaultVariants component allows for the definition of default styles and variants for UI elements, ensuring consistent design patterns and ease of customization. |