Mira Design SystemWIP v0.0.1

Buttons

Icon buttons

Progress buttons

Click or press and hold to see them in action!

Badges

RedGreenBlueOrangeContrast

Labels

Select

Select an option...
Disabled select...

Inputs

Cards

Card Header
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
Header no footer
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
Just a card with a card body and nothing else. Not even lorem ipsum.Just a card body.
Just a card with a card body with a footer only. Not even lorem ipsum.Just a card body with a footer.

Headings

The white husky howled as I typed on my keyboard.

The white husky howled as I typed on my keyboard.

The white husky howled as I typed on my keyboard.

The white husky howled as I typed on my keyboard.

The white husky howled as I typed on my keyboard.

The white husky howled as I typed on my keyboard.
The white husky howled as I typed on my keyboard.

Text

The white husky howled as I typed on my keyboard.The white husky howled as I typed on my keyboard.The white husky howled as I typed on my keyboard.The white husky howled as I typed on my keyboard.The white husky howled as I typed on my keyboard. The text moved from red, to green, to blue in a matter of moments.

List

  • The white husky howled as I typed on my keyboard.
  • The white husky howled as I typed on my keyboard.
  • The white husky howled as I typed on my keyboard.
  1. The white husky howled as I typed on my keyboard.
  2. The white husky howled as I typed on my keyboard.
  3. The white husky howled as I typed on my keyboard.

Radii

1
2
3
Pill

Space

Z indices

Below
Auto
On top

Colors

red1red2red3red4red5red6red7red8red9red10red11red12
green1green2green3green4green5green6green7green8green9green10green11green12
blue1blue2blue3blue4blue5blue6blue7blue8blue9blue10blue11blue12
orange1orange2orange3orange4orange5orange6orange7orange8orange9orange10orange11orange12