Luma React UI ✨

Lightweight React UI library with TypeScript support.

Reusable UI components with support for:

• TypeScript
• Storybook
• Vitest
• React Testing Library
• CSS Modules

Installation

npm install luma-react-ui

Import styles:

import "luma-react-ui/luma-react-ui.css";

Use components:

import { Button } from "luma-react-ui";

export default function App() {
  return <Button color="accent">Click me</Button>;
}

Components

Current:

• Button
• Icon

Planned:

• Input
• Checkbox
• Switch
• Badge
• Avatar
• Modal
• Tooltip
• Select

Storybook

Coming soon.

Tests

Built with: Vitest React Testing Library

Button examples

Variants

<Button>Default</Button>

<Button variant="outlined">
  Outlined
</Button>

<Button variant="text">
  Text
</Button>

Colors

<Button color="success">
  Success
</Button>

<Button color="danger">
  Danger
</Button>

Loading

<Button loading>Save</Button>

Icons

<Button beforeIcon={<Icon />}>Map</Button>

Development

Run Storybook:

npm run storybook

Run tests:

npm run test

License

MIT

Author

Created by Egor Okishev

NPM:

https://www.npmjs.com/package/luma-react-ui