| CSS Class | Description |
|---|---|
| ch5-textinput | Main class |
| ch5-textinput__label | Class apply on the label |
| ch5-textinput__input | Class apply on the input |
| ch5-textinput__input--uppercase | Class apply on the input when text-transform="uppercase" |
| ch5-textinput__input--lowercase | Class apply on the input when text-transform="lowercase" |
| ch5-textinput__input--capitalize | Class apply on the input when text-transform="capitalize" |
| ch5-textinput__input--none | Class apply on the input when text-transform="none" |
| ch5-textinput__input--x-small | Class apply on the input when size="x-small" |
| ch5-textinput__input--small | Class apply on the input when size="small" |
| ch5-textinput__input--regular | Class apply on the input when size="regular" |
| ch5-textinput__input--large | Class apply on the input when size="large" |
| ch5-textinput__input--x-large | Class apply on the input when size="x-large" |
| ch5-textinput__icon | Class apply on the icon |
| ch5-textinput__icon--last | Class apply on the icon when iconPosition attribute is set to 'last' |
| ch5-textinput__icon--first | Class apply on the icon when iconPosition attribute is set to 'first' |
| ch5-textinput--disabled | Added automatically based on the disabled attribute or by receiveStateEnable |