@yapsody/ansh-ui

Ansh Design System

Ansh Design System documentation is available at ansh-ui.yapsody.net

A design system gives designers and engineers the ability to build consistent user interfaces without wasting ton of time and energy. A good design system comprises of three aspects,

• Design Language - A set of standards which guide the creation of a suite of products underneath a brand.
• Component Library - A repository of standalone, coded components which turn the design language into the building blocks of the application.
• Style Guide - A documentation for the design language and the component library.

Installing Ansh UI

To use Ansh UI components, you need to install the @yapsody/ansh-ui package and its peer dependencies:

npm install --save @yapsody/ansh-ui

Usage

To start using the components, please follow these steps:

import React, { Component } from 'react';

import { MyComponent } from '@yapsody/ansh-ui';

class Example extends Component {
  render() {
    return <MyComponent />;
  }
}

Import Ansh UI CSS in the src/index.js (Root level of project once) file:

import '@yapsody/ansh-ui/dist/index.css';

Contributors

Thanks goes to Yapsodians.