1.0.0-beta.30 • Published 4 years ago

@devfolioco/source v1.0.0-beta.30

Weekly downloads
505
License
MIT
Repository
github
Last release
4 years ago

Genesis

Netlify Status

Demo | Source

Usage

Make sure you have react and styled-components installed in your project and then run:

yarn add @devfolioco/genesis

Basic Example:

import React, { Component } from 'react';
import { Button, ThemeProvider } from '@devfolioco/genesis';

export default class App extends Component {
  render() {
    return (
      <div>
        <ThemeProvider>
          <Button appearance="primary">Devfolio!</Button>
        </ThemeProvider>
      </div>
    );
  }
}

It's required to import ThemeProvider and wrap all components in it, as it provides the colors and typography.

Development

Make sure you have all the dependencies installed:

yarn

We use React Storybook for component development.

Start the server using:

yarn start

Write stories for the components in the respective folders as component-name.stories.js.

To build the storybook run:

yarn build-storybook

This generates a static Storybook in the "storybook-static" directory.

Adding Icons

We rely on the generateIcons.js script to dynamically create the icon components!

For e.g., Adding an asset named devfolio.svg to src/assests/icons creates and exports an icon component named Devfolio from AllIcons.tsx.

1.0.0-beta.28

4 years ago

1.0.0-beta.29

4 years ago

1.0.0-beta.26

4 years ago

1.0.0-beta.27

4 years ago

1.0.0-beta.30

4 years ago

1.0.0-beta.24

4 years ago

1.0.0-beta.25

4 years ago

1.0.0-beta.23

4 years ago

1.0.0-beta.22

4 years ago

1.0.0-beta.21

4 years ago

1.0.0-beta.20

4 years ago

1.0.0-beta.19

4 years ago

1.0.0-beta.17

4 years ago

1.0.0-beta.18

4 years ago

1.0.0-beta.16

4 years ago

1.0.0-beta.12

4 years ago

1.0.0-beta.15

4 years ago

1.0.0-beta.13

4 years ago

1.0.0-beta.14

4 years ago

1.0.0-beta.11

4 years ago

1.0.0-beta.10

4 years ago

1.0.0-beta.9

4 years ago

1.0.0-beta.8

4 years ago

1.0.0-beta.7

4 years ago

1.0.0-beta.6

4 years ago

1.0.0-beta.5

4 years ago

1.0.0-beta.4

4 years ago

1.0.0-beta.3

4 years ago

1.0.0-beta.2

4 years ago

1.0.0-beta.1

4 years ago

1.0.0-beta.0

4 years ago