@dalgu/core-design-system NPM

Core Design System

Preparing now...🔥

Essential, Customizable, Business Driven Design System for React

Notification

Core Design System is currently being prepared so that anyone can use it in a production environment. I hope to make it available to you as soon as possible.

If you support my project, you can sponsor me at the link below.

✨ Core Design System Support

Installation

npm i @dalgu/core-design-system @emotion/react @emotion/styled

yarn add @dalgu/core-design-system @emotion/react @emotion/styled

pnpm add @dalgu/core-design-system @emotion/react @emotion/styled

Usage

Foundation CSS

import '@dalgu/core-design-system/shared/text-styles-1.css';
import '@dalgu/core-design-system/shared/colors-1.css';

ReactDOM.render(<App />, document.getElementById('root'));

Components

Currently, only <Button /> component can be used for testing Core Design System in your project.

import { Button } from '@dalgu/core-design-system';

export default function Example() {
  return (
    <Button
      label='BUTTON LABEL'
      onClick={() => alert('Core Design System Button Component!')}
    />
  );
}