Field Inputs

An accordion allows a user to toggle the display of a section of content.
1. Design Guideline

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

1.1. Text Input

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

1.1.1 On Focused State
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
1.2. Dropdown / Select Box

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

1.2.1 On Focused State
Select option..
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
1.3. Checkbox Group

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
1.4. Radio Group

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
1.5. Text Area

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Forgot your username or password?
1. Design Guideline

For dramatic control of the narrative, images can also be shown at the full effective width using a class block. Images with class block assigned will be center-aligned with maximum width equals to the container width.

2. Implementation Notes

No content has been added for this component.