Input
This section demonstrates the different text input types.
| install | yarn add @clayui/form |
|---|---|
| version | 3.104.0 |
Stable3.104.0View in LexiconCHANGELOG
Input
| Property | Description |
|---|---|
component'input' | 'textarea' | React.ForwardRefExoticComponent<any> | Input component to render. Can either be a string like 'input' or 'textarea' or a component. The default value is 'input' |
insetAfterboolean | Flag to indicate if input-group-inset-after class should be applied |
insetBeforeboolean | Flag to indicate if input-group-inset-before class should be applied |
sizing'lg' | 'sm' | Selects the height of the input. |
type | The default value is 'text' |
Input.Group
| Property | Description |
|---|---|
smallboolean | Flag to indicate if input-group-sm class should
be applied |
stackedboolean | Flag to indicate if input-group-stacked-sm-down class
should be applied. |
Input.GroupItem
| Property | Description |
|---|---|
appendboolean | Flag to indicate if input-group-append class should
be applied |
prependboolean | Flag to indicate if input-group-prepend class should
be applied |
shrinkboolean | Flag to indicate if input-group-item-shrink class should
be applied |
Input.GroupInsetItem
| Property | Description |
|---|---|
afterboolean | Flag to indicate if input-group-inset-item-after class
should be applied. |
beforeboolean | Flag to indicate if input-group-inset-item-before class
should be applied. |
tag'div' | 'span' | 'label' | Name of container element The default value is 'div' |
Input.GroupText
Extends from React.HTMLAttributes<HTMLDivElement>