@restio/ui

A comprehensive React TypeScript component library built with Vite, featuring enterprise-ready UI components with design tokens and Storybook documentation.

Installation

npm install @restio/ui @restio/design-tokens

Usage

import { Button, Input, Select } from "@restio/ui";
import "@restio/ui/dist/restio-ui.css";

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

Features

• 🎨 Design token system with @restio/design-tokens
• 📦 Tree-shakeable ES modules
• 🎭 Comprehensive Storybook documentation
• ♿️ Accessibility-first components
• 🎯 TypeScript support
• 🧪 Full test coverage

Documentation

View the full component documentation at: https://restio.github.io/restio-ui/

Development

# Install dependencies
npm install

# Start Storybook
npm run dev

# Build library
npm run build

# Run tests
npm run test:components

# Run visual tests
npm run visual-test

License

Apache-2.0

Author

Leonardo Signorelli

Repository

https://github.com/leonardo-signorelli/restio-ui })

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})