@fra.me/ui-components v1.0.21

Frame UI Components Library

This repository contains a set of common React components, CSS helper classes and other utilities.

Go here for examples.

Setup

Install the package

npm install @fra.me/ui-components

or

yarn add @fra.me/ui-components

Import the global styles

In order for the components to have proper styles, the main stylesheet needs to be imported.

@import "~@fra.me/ui-components/dist/style.css";

This will load the stylesheets for all the components, along with some utility classes.

Use the components

import { Icon, IconNames, InputField, Spinner, SpinnerSize } from '@fra.me/ui-components';

<InputField
  name="name"
  value="Some value"
  error="An error message"
  description="A description"
  loading={true}
/>
<Icon icon={IconNames.JointSolid} />
<Spinner size={SpinnerSize.SMALL} />