Package Exports

@hiraya-ui/react
@hiraya-ui/react/dist/index.esm.js
@hiraya-ui/react/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@hiraya-ui/react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Hiraya UI

A modern React component library with beautiful UI components and patterns. Built with TypeScript and styled with CSS Modules. "Hiraya" is a Filipino word that means "imagination" or "vision" - reflecting our commitment to creating beautiful and imaginative UI components.

Features

🎨 Beautiful and modern UI components
📦 Written in TypeScript
🎯 Fully typed components and props
📚 Comprehensive Storybook documentation
🎭 CSS Modules for scoped styling
📱 Responsive design
♿ Accessibility support

Installation

npm install @hiraya-ui/react
# or
yarn add @hiraya-ui/react

Usage

import { Button, Card, Input } from '@hiraya-ui/react';

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <Card>
        <Input label="Name" placeholder="Enter your name" />
      </Card>
    </div>
  );
}

Components

Basic Components

Button
Input
Card
Avatar
Checkbox
Select
Typography
Dropdown

Patterns

FormLayout
CardLayout

Development

# Install dependencies
npm install

# Start Storybook
npm run storybook

# Build the library
npm run build

# Run tests
npm test

# Lint code
npm run lint

Contributing

We welcome contributions! Please see our Contributing Guide for details.

@hiraya-ui/react