Typography

Heading 2

Heading 3

Heading 4

Leading text goes here

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!

Paragraph destructive: Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum dignissimos facere dicta sint inventore blanditiis et! Ducimus obcaecati aperiam fuga recusandae temporibus nihil minus, quidem sit incidunt adipisci alias atque!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis ullam qui minus facere odio et, impedit aliquid excepturi explicabo! Neque vel voluptatibus magni odit cupiditate natus aspernatur eius, similique consectetur.

List item 1
List item 2
List item 3

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

Slider

Cards

Hello, there.

This is my first card.

Badges

Default

Secondary

Outline

Destructive

Blue With Icon

Breadcrumbs

Progress

Code block

npm install shadstrap

Avatar stack

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

Tooltip

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 is a simple dialog. You can close it by clicking outside or in the button below.

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 by clicking outside or in the button below.

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?