To install Amberflo UI Kit in your React project run:
// yarn
yarn add @amberflo/uikit
// npm
npm install @amberflo/uikit
To import a single Amberflo UI Kit component into your application (Recommended):
import { CostExplorerBarGraph } from "@amberflo/uikit/components/organisms/CostExplorerBarGraph";
import { InvoicesList } from '@amberflo/uikit/components/organisms/InvoiceList'
This will allow to perform tree-shaking so unused components will be dropped from the final bundle that will weight less and load faster. Note: to make this possible the bundler needs to allow tree shaking
To import multiple components from the root:
import { CostExplorerBarGraph, InvoicesList } from "@amberflo/ui-kit/components";
Note: Notice tree shaking won’t be effective if you use this approach. Also some unexpected behavior may occur, for example, importing all this components will prepare for rendering, meaning for instance stripe component will call some endpoints, even if this is not rendered.
Check out our documentation website to see all available React.js components and hooks
You should have installed Node
(version v16.13.1 or later) and Yarn
(version v1.22.17 or later).