MyDr Design System

Vue 3 components library written in TypeScript and Sass with design system by MyDr

Table of Contents

• Table of Contents
• Documentation
• Features
• Installation
• Quick start
• License

Documentation

To check out docs, visit ##TODO## page.

Features

• 50+ UI components,
• directives,
• customizable styles (sass variables),
• internationalization,
• support for font awesome icons,
• typescript support,
• helper css classes,
• ... and more

Installation

npm i @mydr/design-system

Quick start

Add library to your Vue 3 app in entry file (eg. main.js):

import { createApp } from 'vue';
import App from './App.vue';
import Ui from '@mydr/design-system';

createApp(App)
  .use(createUI({}))
  .mount('#app');

Import stylesheet file:

@import '~@mydr/design-system/dist/mydr-design-system';

Install MyDr icons in your project:

npm i @mydr/my-icons

and import icons in your styles:

@import '~@mydr/icons/dist/my-icons.css';