RandAOToken Component Library

A sleek modern React component library with TypeScript support and theming, optimized for Vite.

Installation

npm install @randaotoken/component-library

Usage

Import components directly from the library:

import { Button, ThemeProvider } from '@randaotoken/component-library';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary">Click me</Button>
    </ThemeProvider>
  );
}

Vite Integration

This library is optimized for Vite and provides source files directly:

• TypeScript source with full type support
• CSS imports handled automatically by Vite
• Control-click navigation to component source
• Hot Module Replacement (HMR) support
• Source maps for debugging

Note for Non-Vite Users

This library is designed to be used with Vite. While it may work with other build tools, we recommend using Vite for the best development experience.

Available Components

import {
  // Theme (required)
  ThemeProvider,
  
  // Components
  Button,
  Spinner,
  ThemeToggle,
  Tooltip,
  InfoIcon,
  Table,
  SocialIcons,
  ConnectWallet,
  
  // Hooks
  useTheme,
  useThemeToggle,
  useWallet
} from '@randaotoken/component-library';

Documentation

• Components - Available components and usage
• Theme System - Theming and customization
• Development - Contributing and development setup

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made with ❤️ by the RandAO team