InputGroup Theming
Theming documentation for InputGroup component
Styled#
InputGroup CSS Classes#
List of class names used in the styled mode.
| className | description |
|---|---|
| p-inputgroup | Class name of the root element |
InputGroupAddon CSS Classes#
List of class names used in the styled mode.
| className | description |
|---|---|
| p-inputgroup-addon | Class name of the root element |
Design Tokens#
List of design tokens.
| token | CSS Variable | description |
|---|---|---|
| inputgroup.addon.background | --p-inputgroup-addon-background | Background of addon |
| inputgroup.addon.border.color | --p-inputgroup-addon-border-color | Border color of addon |
| inputgroup.addon.color | --p-inputgroup-addon-color | Color of addon |
| inputgroup.addon.border.radius | --p-inputgroup-addon-border-radius | Border radius of addon |
| inputgroup.addon.padding | --p-inputgroup-addon-padding | Padding of addon |
| inputgroup.addon.min.width | --p-inputgroup-addon-min-width | Min width of addon |
| inputgroup.addon.font.weight | --p-inputgroup-addon-font-weight | Font weight of addon |
| inputgroup.addon.font.size | --p-inputgroup-addon-font-size | Font size of addon |
Unstyled#
Theming is implemented with the pass through properties in unstyled mode.