Design - DotStyle

DotStyle b1.3Components Themes Blocks

Design Build Pricing

Sign In

Store Quick Docs

Add PrefixesClasses: 29

Switch to larger screens for all features!

text

Base styles, shared across all variants.

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

text1

className = "text1"

text2

className = "text2"

text3

className = "text3"

text4

className = "text4"

text5

className = "text5"

text6

className = "text6"

textLabel

className = "textLabel"

textBody

className = "textBody"

textMuted

className = "textMuted"

textAccent

className = "textAccent"

textQuote

className = "textQuote"

btn

Base styles, shared across all variants.

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

Delete

Add a variant

className = "btnPrimary"

className = "btnPrimary" disabled={true}

className = "btnSecondary"

className = "btnSecondary" disabled={true}

className = "btnOutline"

className = "btnOutline" disabled={true}

className = "btnDanger"

className = "btnDanger" disabled={true}

icon

Base styles, shared across all variants.

Delete

Add a variant

className = "iconSmall"

className = "iconSmall" disabled={true}

input

Base styles, shared across all variants.

Delete

Add a variant

className = "inputMain"

className = "inputMain" disabled={true}

className = "inputMain" pattern="[a-zA-Z0-9]{6}"

card

Base styles, shared across all variants.

Delete

Add a variant

Delete

Add a variant

Content

className = "cardDefault"

Content

className = "cardUtil"

div

Base styles, shared across all variants.

Delete

Add a variant

Delete

Add a variant

className = "divDivider"

className = "divLayoutContainer"

badge

Base styles, shared across all variants.

Delete

Add a variant

2

className = "badgeRounded"

Badge

className = "badgeRounded"