GithubHelp home page GithubHelp logo

michaldudak / rebased-design-system Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 1.05 MB

An exemplary design system implementation built using MUI Base

License: MIT License

JavaScript 10.91% HTML 1.88% TypeScript 56.68% CSS 30.53%

rebased-design-system's Introduction

Rebased Design System

This repository hosts the design system components built with MUI Base.

It serves as a reference for builing custom design systems.

See all the components in the Storybook hosted on Chromatic.
You can also run the Storybook locally by executing pnpm storybook.

To build the project, run pnpm build. The library is built and bundled with Vite. The output bundles and TypeScript definition files are created in the build directory.

Libraries used

  • MUI Base - provides logic and accessibility support for all controls.
  • clsx - helps constructing class names for components.

rebased-design-system's People

Contributors

michaldudak avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

rebased-design-system's Issues

How to use it locally without npm package publish

Hey @michaldudak ,

I need to test this package local i followed the below steps:

Step 1: Build the package with script yarn build
Setp 2: Run the yarn link to make it available locally
Step 3: Run the yarn link rebased-design-system in consumer project to access the components

Expected Result: I can import components and use it.
Actual Result: Getting error Cannot find module 'rebased-design-system'

Could you please help do i need to any extra configuration to make it work??

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.