Once installed you can import the components and use them as you would any other.
```jsx static
import React from 'react'
import { FillButton } from 'tailwind-react-ui'
const MyButton = () => Submit
```
Which when output on the page would give you the following.
```jsx
Submit
```
### Tailwind Props
Each of the components make use of a shared `Base` component which translates the TailwindCSS class structure into a React props api. Take a look at the example below to see how common attributes can be compiled together:
```jsx
Hello World
```
#### Responsive and State Variants
By adding a suffix to the above properties with a breakpoint or state separated with a `-` you can tie a particular prop to a variant qualifier. The below example will change colour as the screen size changes along with interacting to being hovered.
```jsx
Tailwind
```