Getting Started

React widgets is a high quality suite of React inputs. Each component is built for ease of use, accessibility, and the practical needs of complex (or simple) forms. Get going quickly with the low friction setup.

npm

npm install react-widgets --save

yarn

yarn add react-widgets

Import or link to the stylesheet. Icons and images are included as inline SVG's and don't require additional configuration.

CSS

import "react-widgets/styles.css";

Sass

import "react-widgets/scss/styles.scss";

TailwindCSS

// in your tailwind.config.js

{

content: [

// point the JIT to the fully compiled css file

// to ensure all classes are included

require.resolve('react-widgets/styles.css'),

],

plugins: [require('react-widgets-tailwind')];

}

Import your component or components of choice

import DropdownList from "react-widgets/DropdownList";

function App() {

return (

<>

{...}

<DropdownList />

</>

);

}

Consult the input documentation for API details, or the styling guide for custimizing the look and feel of each input.