@centml/ui

Internal React UI component library for CentML

• react-aria
• react-hot-toast
• Tailwind CSS
• Storybook

Features

• React UI components
• Accessibility
• Dark mode support

Usage

Install the package from npm:

npm install -D @centml/ui

In your application's Tailwind CSS config, extend your content array with the path to CentML UI. This will ensure all Tailwind utilities required by the library are generated.

/** @type {import('tailwindcss').Config} */
module.exports = {
	presets: [],
	content: ['./node_modules/@centml/ui/dist/**/*.js'],
	theme: {
		extend: {}
	}
};

Setting up your react application

You can import React components, hooks, and TypeScript types from the top-level module:

import { Button, type ButtonProps } from '@centml/ui';