Zephyr React

React Component Library for Zephyr

Installation

With pnpm (recommended)

pnpm install autoprefixer postcss tailwindcss -D
pnpm install react react-dom @kienleholdings/zephyr-core
pnpm install @kienleholdings/zephyr-react

With yarn

yarn add autoprefixer postcss tailwindcss -D
yarn add formik react react-dom @kienleholdings/zephyr-core
yarn add @kienleholdings/zephyr-react

With npm

npm install autoprefixer postcss tailwindcss -D
npm install formik react react-dom @kienleholdings/zephyr-core
npm install @kienleholdings/zephyr-react

Setup

For complete setup instructions, see the zephyr-core usage instructions. Additional information can be found in the official TailwindCSS documentation.

Usage

Full component usage documentation as well as examples of each component can be found on kienle.design. Here's a quick example using the Button component:

import { Button } from '@kienleholdings/zephyr-react';

const MyComponent: React.VFC = () => (
  <Button onClick={() => alert('Hello, world!')} type="primary">
    Test Button
  </Button>
);