https://github.com/fil1994/spectre-react-lib

Spectre.css and React integration
https://github.com/fil1994/spectre-react-lib

circleci netlify react react-library storybook ui

Last synced: 3 days ago
JSON representation

Spectre.css and React integration

• Host: GitHub
• URL: https://github.com/fil1994/spectre-react-lib
• Owner: FIL1994
• License: mit
• Created: 2019-01-11T02:54:42.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-02-21T02:28:29.000Z (11 months ago)
• Last Synced: 2024-03-14T19:04:40.722Z (10 months ago)
• Topics: circleci, netlify, react, react-library, storybook, ui
• Language: TypeScript
• Homepage: https://spectre-react-lib.philvr.ca
• Size: 767 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [spectre-react-lib](https://spectre-react-lib.philvr.ca)

![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?style=for-the-badge)

[![npm](https://img.shields.io/npm/v/spectre-react-lib.svg?style=for-the-badge)](https://www.npmjs.com/package/spectre-react-lib)

[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/spectre-react-lib.svg?style=for-the-badge)](https://bundlephobia.com/result?p=spectre-react-lib)

[![codecov](https://img.shields.io/codecov/c/github/FIL1994/spectre-react-lib.svg?style=for-the-badge)](https://codecov.io/gh/FIL1994/spectre-react-lib)

[![Package Quality](https://packagequality.com/shield/spectre-react-lib.svg?style=for-the-badge)](https://packagequality.com/#?package=spectre-react-lib)

[![Netlify Status](https://api.netlify.com/api/v1/badges/ca02e192-804a-4cfe-af18-cf4e3cb4e21f/deploy-status)](https://app.netlify.com/sites/unruffled-tereshkova-7880d8/deploys)

Spectre.css and React integration

## Usage

Installation:

```sh

npm install spectre-react-lib

```

Importing components:

```js

import {

  Page,

  Pagination,

  Panel,

  Tab,

  Toast,

  Button,

  Table,

  Grid,

  Divider,

  Loading,

  Parallax,

  ControlledTab,

  EmptyState,

} from 'spectre-react-lib';

```

## Storybook Examples

[Click here](http://spectre-react-lib.philvr.ca) to see the storybook examples.

## Automated Releases

The CHANGELOG in this project is generated by [Release Please](https://github.com/googleapis/release-please). Release Please does this by parsing the git history, looking for [Conventional Commit messages](https://www.conventionalcommits.org), and creating release PRs.