Mirotone

Mirotone is a small & lightweight skeleton UI Kit that matches Miro styles for building apps and plugins. The package contains a CSS file which can be used for any project.

Content

• Getting started
• Browser support
• Components

Getting started

Install the package as a dependency on your own project by running:

npm install mirotone
// or with yarn
yarn add mirotone

For using something like PostCSS import you can do the following:

@import 'mirotone/dist/styles.css';

You can also use standard CSS linking to use the styles right away in your project:

<link rel="stylesheet" href="https://unpkg.com/mirotone/dist/styles.css" />

Browser support

Mirotone heavily relies on CSS variables. This means that it is not supported in IE11 and below. All other modern browsers are supported.

Components

• variables
• typography
• icons
• buttons
• checkbox
• toggle
• radiobutton
• link
• textarea
• input
• select
• tabs
• divider
• app layouts
• app card
• table

You can check the documentation for more details.

mirotone © 2022+, Miro