Package Exports

@stritech/strive-ui
@stritech/strive-ui/dist/index.js

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 (@stritech/strive-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

StriveUI

A robust UI library that gives you the ability to build out your own design system, but without all the hassle.

✨ Features

🎁 High-quality React components out of the box.
⚔️ Written in TypeScript with well defined and predictable types.
🎨 Expandable theme and design system customization with SASS variables.

🌍 Environments

Modern browsers
Server-side Rendering

🎁 Install

$ npm install @stritech/strive-ui

$ yarn add @stritech/strive-ui

🔨 Usage

import React from "react";
import { Button } from "@stritech/strive-ui";

const App = () => (
  <>
    <Button variant="primary">Click Me!</Button>
  </>
);

⌨️ Development

Clone and run locally

$ git clone git@github.com:Striving-Technologies/strive-ui.io.git
$ cd strive-ui.io
$ npm install
$ npm run storybook

A new tab should automatically open in the browser on port 6006, if not, open your browser and visit http://127.0.0.1:6006 or http://localhost:6006.

Testing locally (in a separate project)

In the Strive UI directory run:

$ npm link

Navigate to the application you want to use for the test and run:

$ npm link @stritech/strive-ui

You should now be able to import and use components as shown above.

🤝 Contribution

There are tons of ways you can contribute, and we're happy to accept all. Please checkout our guide to contributing here. We can't wait to see what you've got for us.