@aveonline/ui-react NPM

Before started

For usage with tailwind config, install:

npm i @tailwindcss/forms -D

Getting started

Working with all config from this library or only components availables

npm i @aveonline/ui-react

Usage with tailwind

Import things into your JS app from the @aveonline/ui-react package.

import { Button } from '@aveonline/ui-react'

tailwind.config.js

/** @type {import('tailwindcss').Config} */

const tailwindConfig = require('@aveonline/ui-react/tailwind.config.js')

tailwindConfig.content = [
  './pages/**/*.{ts,tsx}',
  './components/**/*.{ts,tsx}',
  './node_modules/@aveonline/ui-react/dist/ui-react.mjs'
]

module.exports = tailwindConfig

Usage css

Import things into your JS app from the @aveonline/ui-react package.

/* global.css or tailwind.css local */
@tailwind base;
@tailwind components;
@tailwind utilities;

// import this lines at main.ts or root
import './global.css' // Reference tailwind local
import '@aveonline/ui-react/reset.css' // Only not usage tailwind
import '@aveonline/ui-react/tokens.css' // Required
import '@aveonline/ui-react/tailwind.css' // Required
import '@aveonline/ui-react/index.css' // Required

Example usage class with tailwind

<!-- Class from library -->
<section class="bg-letter-default">
  <p class="text-letter-subdued">Hello human</p>
</section>

Resources

Docs

Development 🚀

See Contributing.md for more information on how to build @aveonline/ui-react from the source and contribute!

react react-kit

@floating-ui/react @headlessui/react @radix-ui/react-popover @tanstack/match-sorter-utils @tanstack/react-table cmdk country-flag-icons react-currency-input-field react-input-mask react-merge-refs react-multi-date-picker react-select recharts

@infinitebrahmanuniverse/nolb-_av @everything-registry/sub-chunk-99 @zalastax/nolb-_av

4 days ago

10 days ago

12 days ago

17 days ago

19 days ago

26 days ago

26 days ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

9 months ago

8 months ago

9 months ago

8 months ago

8 months ago

8 months ago

9 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago