Judiciary Design System

Form Panel Title (Label on Top)

Form fields are grouped and wrapped inside form-panel div.

Full Name Please enter your full name

Email Address We will never share your email with anyone else

Postal code

This is example helper text!

Block / house no.

Street Name

Floor no.
(optional)

Unit no.
(optional)

Subscription

Communication

SMS

Phone

Communication

Radio 1 (Default)

Radio 2 (Default)

Radio 3 (Default)

This is an error message.

Input with success message

This is a success message. Example help text which will remains unchanged

Input with warning message

This is a warning message. Example help text which will remains unchanged

Input with error

This is an error message. Example help text which will remains unchanged

Form Panel Title (Label on left)

Form fields are grouped and wrapped inside form-panel-boxed div.

Full Name

Please enter your full name

Email Address

We will never share your email with anyone else

Subscription

Communication

SMS

Phone

Communication

Radio 1 (Default)

Radio 2 (Default)

Radio 3 (Default)

This is an error message.

Input with success message

This is a success message. Example help text which will remains unchanged

Input with warning message

This is a warning message. Example help text which will remains unchanged

Input with error message

This is an error message. Example help text which will remains unchanged

Header + Body with Form + Footer

Form Panel Title (Label on Top)

Form Panel Title (Label on left)