Input groups

Text fields can include elements before and after the input. This is useful for adding elements like text, icons, or buttons to the text field.

Append

Example

Button

Toggle dark mode

Prepend

Example

Label

Toggle dark mode

Both

Example

Label Button

Toggle dark mode

Design resources

View component in Figma