@architecturex/components.input
v1.1.1
Published
## Input
Downloads
95
Maintainers
Readme
@architecturex/components.input
Input
This is a versatile Input component suitable for various form input scenarios.
Installation
npm install @architecturex/components.input
Features
- Customizable appearance with fullWidth and error props.
- Supports all native input props.
- Built-in focus state handling.
Props
- label (optional): Displayed above the input.
- fullWidth (optional): Makes the input take the full width of its container.
- error (optional): Indicates if the input has an error, which changes its border color to red.
- and supports all other native input attributes.
Usage
import Input from '@architecturex/components.input'
function App() {
return (
<div>
<Input label="Username" />
<Input label="Password" type="password" error={true} />
</div>
)
}
Contribution
Feel free to suggest improvements, report issues, or contribute to enhancing these utilities. Your feedback and contributions are welcome!