Input

Inputs provides a way for users to enter data in your app.

  • Text input lets users enter text that’s no longer than a single line, such as their name or an email subject.

  • Textarea lets users enter an amount of text that’s longer than a single line, such as a product review.

  • Masked input is an input field with formalized syntax, such as dates, sort-codes or email addresses.

  • Number input is similar to a text input, but contains controls used to increase or decrease an incremental value.

For numeric data like phone numbers or reference numbers use a specialised Masked input instead of a Number input. More information.


Variants

    Default

    With Icon

    Size

    Disabled