Theming documentation for InputGroup component
List of class names used in the styled mode.
| className | description |
|---|---|
| p-inputgroup | Class name of the root element |
List of class names used in the styled mode.
| className | description |
|---|---|
| p-inputgroup-addon | Class name of the root element |
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 |
Theming is implemented with the pass through properties in unstyled mode.