Typography

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veritatis, debitis voluptatum? Possimus eveniet accusamus qui, vitae quibusdam culpa rerum quod delectus omnis soluta, perferendis natus ullam quos quisquam voluptas fugit!

Paragraph secondary: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur facere fugit dolores ut modi impedit. Aperiam, sit incidunt! Debitis modi sed quidem id eos quam rem doloribus alias unde atque!

Flex

Item 1

Item 2

Item 3

Item 4

Buttons

Link

Form

Input Input with description This is a simple description for the input. Disabled input Select

Checkbox

Select this checkbox

This one is disabled, sorry!

Radio

Select this radio

Or select this radio

Textarea Select a file Select the date Switch

This is the default switch

This switch is disabled, but checked by default

Cards

Hello, there.

This is my first card.

Badges

Default

Secondary

Outline

Destructive

Breadcrumbs

Progress

Code block

npm install shadstrap

Alerts

This is a default alert!

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur facere ut omnis voluptatibus.

Error

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur facere ut omnis voluptatibus.

Pagination

Previous 1 2 3 ... Next

Separator

Item 1

Item 2

Item 3

Item 4

Tables

ID	Name	Status	Value
0124	John Doe	Active	$ 150,00
0124	John Doe	Active	$ 150,00
0124	John Doe	Active	$ 150,00
0124	John Doe	Active	$ 150,00
Total			$ 600,00

Dialog

Hello, world!

This a simple dialog.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis tenetur dolorem tempore deleniti omnis quia nulla laborum, quidem hic totam quam natus, illum tempora placeat distinctio praesentium voluptate quos voluptates.

Are you sure?

This a dialog that cannot be dismissed by clicking outside.

Accordion

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore dolorem neque eveniet accusamus accusantium. Quam, aliquid voluptates quibusdam vero esse omnis praesentium magnam adipisci corrupti velit quos impedit sunt! Nostrum.

Sheet

This is a sheet.

You can close it if you want.

This is a laaaaarge sheet.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim aperiam dicta deleniti, ex hic eveniet rem eius minus id soluta voluptatum non reprehenderit nemo. Repudiandae accusantium sapiente cupiditate suscipit nisi?