wish-work-design-system
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.13 • Public • Published

    Design Management System

    Design Management System for Wish Team for better development. in do so, we use storybook as our DMS. Each component which could be developed in isolation will be added here.

    Purpose

    The purpose of this project is to create a unified toolkit that is used by UX-designers and developers alike on their projects to ensure all Wish Work projects are accessible, appealing, and have a consistent code-base and feel across the board by following Wish Work’s design and implementation guidelines.

    Structure

    This Design System consist of 4 sections

    1. Form,
    2. Profile,
    3. Navigation Bar,
    4. General.

    Framework

    Our main framework is React.js. In this case, we write a input.stories.js as follows:

    import React from 'react';
    import './input.scss';
    
    export const Input = () => {
      return (
        <>
          <input className="input-field"/>
        </> 
        ) 
    }

    Contribute

    first you should pull the code base. Then you could easily use npm run storybook command and access to the storybook on localhost:6006.

    Keywords

    none

    Install

    npm i wish-work-design-system

    DownloadsWeekly Downloads

    15

    Version

    2.0.13

    License

    none

    Unpacked Size

    2.58 MB

    Total Files

    4

    Last publish

    Collaborators

    • wishwork