Squidex Theme

Navbars

Buttons

Link

Checkbox 1 Checkbox 2 Checkbox 3

Radio 1 Radio 2 Radio 3

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading with muted text

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following is rendered as bold text.

The following is rendered as italicized text.

The following is an abbreviation attr.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

List Tables

	Column heading	Column heading	Column heading
	Column content	Column content	Column content
	Column content	Column content	Column content

List Tables (on white background)

	Column heading	Column heading	Column heading
	Column content	Column content	Column content
	Column content	Column content	Column content

Forms

Legend

Validation error.

An user with the same email aready exists.

Validation error.

An user with the same email aready exists.

Email address We will never share your email with anyone else.

Password

Example custom select

Example custom multiple select

Example textarea

Custom Radio buttons

Option 1

Option 2

Option 3

Custom Checkboxes

Option 1

Option 2

Option 3

Disabled input

Readonly input

Input with success

Success! You've done it.

Input with warning

Shucks, try again.

Input with error

You have entered an invalid value.

Input with hint

The app name cannot be changed later.

Large input

Default input

Small input

Input addons

$ .00

Input Buttons

Navigation

Tabs

Pills

Breadcrumbs

Pagination

«
1
2
3
4
5
»

«
1
2
3
4
5
»

«
1
2
3
4
5
»

Dropdown

Side Menu

Security
Clients
Contributors
Roles
Editing
Patterns
Languages
Workflows
More
Backups
Subscriptions

Sidedbar

Indicators

Alerts

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Badges

Primary Secondary Success Danger Warning Info Light Dark

Progress

Basic

Contextual alternatives

Multiple bars

Striped

Animated

Containers

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups

14 Cras justo odio
2 Dapibus ac facilisis in
1 Morbi leo risus

Cras justo odio Dapibus ac facilisis in Morbi leo risus

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Cards

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Card header

Special title treatment

Support card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link

2 days ago

Modals

Lists

My Item 1

Tab1
Tab2
Tab3

Text

My Item 2

My Item 3

My Item 4

Tables

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content

Squidex Theme

Navbars

Buttons

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading with muted text

Example body text

Emphasis classes

Blockquotes

List Tables

List Tables (on white background)

Forms

Custom Radio buttons

Custom Checkboxes

Navigation

Tabs

Pills

Breadcrumbs

Pagination

Dropdown

Dropdown header

Side Menu

Sidedbar

Indicators

Alerts

Warning!

Badges

Progress

Basic

Contextual alternatives

Multiple bars

Striped

Animated

Containers

Jumbotron

List groups

List group item heading

List group item heading

Cards

Card header

Special title treatment

Support card subtitle

Modals

Title

Title

Lists

Tables