Input
A blade component for Text Input!
The input with basic style and five reactions and four different sizes! This component has 2 specific attributes for the configuration and those have a default value! You can also use default HTML attributes for the input in this component!
Input types
You can use this input component as input type text, email, int, password and the default is text.
<x-btui-input type="text"> </x-btui-input> # Style-type
This attribute defines the reaction for the input component and it has a default value and that is default. Available options are default, success, warning, danger, info.
<x-btui-input style-type="success"> </x-btui-input> # Size
This attribute defines the size for the input component and it has a default value and that is md. Available options are sm, md, lg, xl.
<x-btui-input size="md"> </x-btui-input> Change The Options!
<x-btui-input style-type="default" size="medium" /> Result:
Event Handlers
You can use events on components directly like this...
<x-btui-input onfocus="showHide()" /> <x-btui-input wire:model="name" /> See available options! (* means required)
| name | type | default | options |
|---|---|---|---|
| style-type | string | default | default, success, warning, danger, info |
| size | string | md | sm, md, lg, xl |
