SPARC Design system components

About

This design system serves a variety of audiences, and will be most useful in the Abstract format (a repository for designer files) to Developers/Engineers, and then to Designers. To make it accessible to the DRC as a whole, and to share the importance of a consistent user experience, we have added explanatory text to the majority of pages; demonstrating utility of individual components.

As development becomes shared across the Cores, we recommend each Core's engineers refer to this design system, when creating new feature/functionality which will be highlighted on Sparc.Science.

Our intention is to create an online resource with the code for these components, and to update this quarterly.

Components

• Element UI
• Tabs

Installation

With Yarn

yarn add sparc-test-design-system-components

With NPM

npm install sparc-test-design-system-components

Quick Start

import Vue from 'vue'

import SparcComponentLibrary from 'sparc-test-design-system-components'

Vue.use(SparcComponentLibrary)

Development

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build-bundle