Skip to content

stellar/stellar-design-system

Stellar Design System

Components for Stellar Development Foundation’s design system.

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, Input } 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

clean delete node_modules and build directories in the whole repo

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