@randaotoken/component-library NPM

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';