Skip to content

A bespoke UI collection for building web application.

Notifications You must be signed in to change notification settings

Yoctol/tailor-ui

Repository files navigation

Tailor UI

npm CircleCI style: styled-components Netlify Status

Documentation

Check out our documentation website.

Installation

# with npm
npm install tailor-ui

# with yarn
yarn add tailor-ui

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button, UIProvider } from 'tailor-ui';

const App = () => (
  <UIProvider>
    <Button>Hello World</Button>
  </UIProvider>
);

ReactDOM.render(<App />, document.querySelector('#root'));

Development

git clone git@github.com:Yoctol/tailor-ui.git

First, open the terminal to watch the file changing and do the type checking:

cd tailor-ui
yarn watch

And then, open another tab to run the project:

cd tailor-ui
yarn start

Release

  • Send PR to develop branch during development.
  • When you want to release the version, merge develop branch into master branch, and then sematic release will automatically release new version on CI.
    • Make sure Environment Variables on CircleCI are setup correctly. GH_TOKEN need to have repo scope and NPM_TOKEN need to have access to tailor-ui package.
  • After new version released, merge master back to develop.
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy