julianclatro / stellar-design-system

Components for Stellar’s design system

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stellar Design System

Components for Stellar Development Foundation’s design system.

NOTE: This project is at an early development stage. It is very likely the API will have many breaking changes.

Usage

Install as a dependency:

yarn add @stellar/design-system

Add the main CSS file to your project (for example, the main index file of your React project):

import "@stellar/design-system/build/styles.min.css";

Import Stellar Design System components:

import { Button } from "@stellar/design-system";

Available components can be found here.

Development

This repo has two parts to it:

This project is tested with BrowserStack.

Scripts

build:sds build Stellar Design System (sds) project only

build:sds-web build Stellar Design System Website (sds-web) project only

build build both projects

start:sds start sds project for local development

start:sds-web start sds-web project for local development

Note: You need to run each start command in its own window or tab

clean delete node_modules and build directories in the whole repo

About

Components for Stellar’s design system

License:Apache License 2.0


Languages

Language:TypeScript 74.3%Language:SCSS 21.5%Language:JavaScript 3.3%Language:Dockerfile 0.4%Language:HTML 0.3%Language:Makefile 0.2%Language:Shell 0.1%