Styleguide

You can easily theme Staart UI using the _variables.scss file, and all these color combinations will automatically change.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text

I made Staart because I have a few different ideas for products, and I wanted a simple starter which all all the "SaaS boilerplate", like authentication and billing.

Buttons

Colors

Text colors

Background colors

Card

Tooltips

Tooltips are powered by Balloon.css, so they're accessible with aria-label and display on hover, like the question mark: ?

Positions

Modals

Modals are used as confirm dialogs or to show important information. They are accessible with full keyboard navigation support and focus trapping.

Forms

These form elements are Vue components which automatically generate an ID for label/input accessibility.