Easel Design System 🎨 by Phillips Auction House

Seldon is the source for design guidelines, component documentation, and resources for building apps with the Phillips.com Design System.

We use Storybook to document the components. Our storybook is hosted in Netlify at here.

Installation

# With NPM
npm install @phillips/seldon

# With yarn
yarn add @phillips/seldon

Styling

The project contains a scss folder. Here you will find the main export of our sass styles. This will include all the styles bundled with this package, including resets and typography styles.

@use '@phillips/seldon/dist/scss/styles';

If you wish to only import specific component styles you can find them in their respective directories inside the scss folder.

@use '@phillips/seldon/dist/scss/components/Button/button';

Components

Each component can be imported in your project by referencing the named exports from main index file.

import { Button } from '@phillips/seldon';

Contributing Guidelines

Before you start contributing to this project please check out our guidelines found here