Input Group
@astryxdesign/core v0.7.1 · InputGroup
InputGroup Props
| Name | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'md' | Size of the group, passed through to the controls inside it. |
label | string | — | Accessible name. When set, the group shows a label, description, optional or required mark, and status. |
isLabelHidden | boolean | false | Hides the label visually. Screen readers still read it. |
description | string | — | Help text between the label and the control. |
disabled | boolean | false | Disables the group and the selectors inside it. |
isOptional | boolean | false | Marks the label as optional. |
isRequired | boolean | false | Marks the label as required. |
status | FieldStatusInput | — | Status on the group border and under the control. |
labelTooltip | string | — | Tooltip at the end of the label. |
InputGroup slots
| Name | Description |
|---|---|
default | The input control in the middle. |
before | Text, icon, or button shown before the input. |
after | Text, icon, or button shown after the input. |
InputGroupText
Fixed text inside an addon. It has no props of its own. Put the text in the default slot.