Accessibility Settings
Language Translation
Governor Eric J. Holcomb
  Close Menu

UI Elements

Different parts mixed together on a page.

Navigation

Side Navigation

Containers

Accordions

Tabs

Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.

Cards

With headline

Indiana Flag

This is a simple card with an image inside and a headline.

Indiana Flag

This is a simple card with an image inside.

Tables

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Callouts (Alerts / Wells)

This is a default callout

It has an easy to override visual style, and is appropriately subdued.

This is a primary callout

It has an easy to override visual style, and is appropriately subdued.

This is a secondary callout

It has an easy to override visual style, and is appropriately subdued.

This is a success callout

It has an easy to override visual style, and is appropriately subdued.

This is a warning callout

It has an easy to override visual style, and is appropriately subdued.

This is a warning callout

It has an easy to override visual style, and is appropriately subdued.

Buttons

Normal Buttons

DefaultPrimarySecondarySuccessAlertWarning

Outline Buttons (Ghost)

DefaultPrimarySecondarySuccessAlertWarning

Button Sizes

So TinySo SmallSo BasicSo LargeSuch ExpandWow, Small Expand

Forms

Basic Inputs

All form labels should be placed above the input fields.

Your password must have at least 10 characters, a number, and an Emoji.

Text Areas

Select

Checkboxes / Radio Buttons

Choose Your Favorite
Check these out

Range Slider

Media

Badges

1 2 3 A B

Labels

Default Label Primary Label Secondary Label Success Label Alert Label Warning Label

Tooltips

Bacon ipsum dolor amet short ribs picanha shank, hamburger. Sausage porchetta turkey pig pork loin turducken tongue. Biltong tri-tip pancetta short loin, rump jerky pork loin short ribs pork chop ham tenderloin drumstick sausage shankle.

Modals (Pop-ups)