@agilekit/ui

Agile's product component library

Usage no npm install needed!

<script type="module">
  import agilekitUi from 'https://cdn.skypack.dev/@agilekit/ui';
</script>

README

AgileKit UI

AgileKit UI is a React component library designed to help developers create the best experience for Agile products.

Using the React components

Installation

Run the following command using npm:

npm install @agilekit/ui --save

If you prefer Yarn, use the following command instead:

yarn add @agilekit/ui

Usage

  1. Include any of the provided components in your project:
import { Button, Page, Card, TableList } from '@agilekit/ui';
  1. Tell React to render the element in the DOM:
ReactDOM.render(
  <AppProvider>
    <Page title="My App">
      <Card sectioned>
        <Button onClick={() => alert('Hey clicked!')}>button sample</Button>
      </Card>
    </Page>
  </AppProvider>,
  document.querySelector('#root'),
);