Launchpad Style Guide

Form Elements

This is for Epi Server Forms Styling. And it comes with limitation:

- We can't put svg icon on it, need to do that by css

- Recaptcha can't be viewed properly on FED site, need to test on BED site.

Form Status
Inputs
Input Number
TextAreas
Selects
Checkboxes
Radios
Richtext Form
Form Captcha
Submit Button

Form Status

The form has been submitted. We will be in touch.

Warning Message.

Error Message.

Read Only Type Message.

Input Examples

Text

This field is required.

Text

TextArea Examples

Textarea

Textarea This field is required.

Textarea

Input Number Examples

Number

Number This field is required.

Number

Select Examples

Select

Select This field is required.

Select

Checkbox Examples

Multiple Choice

I'm okay being contacted about this for more information or clarification

Option 2

Multiple Choice

Option 1

Option 2

This field is required.

Radio Examples

Single Choice

I'm okay being contacted about this for more information or clarification

Option 2

Multiple Choice

Option 1

Option 2

This field is required.

RichText inside Form Examples

This is just a rich text field

Form Captcha Examples

Word verification An error has occurred while getting captcha image

Enter the characters you see in the picture.

Submit Button Examples

Form Status

The form has been submitted. We will be in touch.

Warning Message.

Error Message.

Read Only Type Message.

Input Examples

Text

This field is required.

Text

TextArea Examples

Textarea

Textarea This field is required.

Textarea

Input Number Examples

Number

Number This field is required.

Number

Select Examples

Select

Select This field is required.

Select

Checkbox Examples

Multiple Choice

I'm okay being contacted about this for more information or clarification

Option 2

Multiple Choice

Option 1

Option 2

This field is required.

Radio Examples

Single Choice

I'm okay being contacted about this for more information or clarification

Option 2

Multiple Choice

Option 1

Option 2

This field is required.

RichText inside Form Examples

This is just a rich text field

Form Captcha Examples

Word verification An error has occurred while getting captcha image

Enter the characters you see in the picture.

Launchpad Style Guide

Form Elements

Form Status

Input Examples

TextArea Examples

Input Number Examples

Select Examples

Checkbox Examples

Radio Examples

RichText inside Form Examples

Form Captcha Examples

Submit Button Examples

Form Status

Input Examples

TextArea Examples

Input Number Examples

Select Examples

Checkbox Examples

Radio Examples

RichText inside Form Examples

Form Captcha Examples

Submit Button Examples

Figma reference

Menu

Pages

Sections

Components

Core Elements

Core Css