@oasis-engine/editor-design-system

A subjective design system built using stitches.js and radix-ui/colors. The definition of Design Tokens follows theme-specification

Install

npm install @oasis-engine/editor-design-system --save 

or

yarn add @oasis-engine/editor-design-system

Usage

import { styled } from "@oasis-engine/editor-design-system";

const Button = styled('button', {
  all: 'unset',
  display: 'flex',
  color: '$slate11',
  height: '$sm',
  width: '$5',
  borderRadius: '$sm',
  backgroundColor:'$slate1',
})