React

Loading Unifi's Visual Style

Refer to the Unifi React Theming documentation.

For Nelnet branded products, include the following Google font where appropriate in your project:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap" rel="stylesheet" />

React Component Usage

Import the component(s) you would like to use as needed from the library.

import { Button } from '@nelnet/unifi-components-react';

Then use them as you would any other React component:

<Button>Hello World</Button>

Usage Recommendations

Unifi ♥ TypeScript, and recommends VSCode and TSLint.

Component Documentation

Explore the available components for more detail on using Unifi components.