Package Exports

@dnanpm/styleguide

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@dnanpm/styleguide) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DNA Styleguide

Styles and styled components for DNA.

Prerequisites
Installation
Usage
How to see all the components
Linting
Changelog
Contributing
Publishing

Prerequisites

Node v10.13.0 NPM v6.9.0

Installation

A step by step series of examples that tell you how to get a development env running.

npm install @dnanpm/styleguide

Usage

import { Label, createStyled } from "@dnanpm/styleguide";
import { ThemeInterface } from './theme';

const {
    styled,
    css,
    createGlobalStyle,
    keyframes,
    ThemeProvider,
    ServerStyleSheet,
} = createStyled<ThemeInterface>();

const TestComponent = () =>
    <ThemeProvider theme={theme}>
        <Label color="slateGray">Label text</Label>
    </ThemeProvider>

export default TestComponent;

How to see all the components

This package is using styleguidist to show and list all the components in it:

npm run styleguide

Linting

The project is using TSLINT.

To check if the project has any linting issues, run the following command:

npm run tslint-check

Changelog

Recently Updated? Please read the changelog.

Contributing

How to contribute? Please read the contributing.

Publishing

How to publish new version? Please read the publish.

@dnanpm/styleguide