Input themes

The theme input controls which visual design system the field uses. floatingLabel and an explicit radius have no tg-input-container equivalent and keep their tg2 look in every theme.

tg-light and tg-dark

These two themes match the tg-input-container look — same field height, label size and footer text size — and add its margin-bottom so stacked fields keep the same spacing. floatingLabel and an explicit radius have no tg-input-container equivalent and keep their tg2 behaviour on top of these themes.

Known differences from tg-input-container

• Only one footer message shows at a time. tg-input-container could show a description and an error together.
• No right-edge text fade on blur, which tg-input-container has.
• No inline, cancelable or size inputs.

Setting up themes

To apply a theme to your app, see Setup › Themes.