UCL Design Language

Message box

Warning message box

Success message box

Text Input * Note about this field

Text Input Error States * Password is incorrect

Inline Text Input * Note about this field

Text Input with prepended label * Prepended label Note about this field

Password Note about this field

Web Address Note about this field

Personal Information: Email Address Note about this field

Birthday Note about this field

Telephone Number Note about this field

Quantity Note about this field

Range Note about this field

Textarea Note about this field

Select Note about this selection

Single Checkbox Label

Checkbox *

Radio

Upload a file

Cancel