Package Exports

pure-react-ui
pure-react-ui/dist/index.esm.js
pure-react-ui/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 (pure-react-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Pure React UI

A modern, accessible React UI component library with TypeScript support.

Installation

npm install pure-react-ui

Usage

import React from 'react';
import { PureButton } from 'pure-react-ui';
import 'pure-react-ui/src/styles/index.css'; // Import the CSS variables

function App() {
  return (
    <div>
      <PureButton variant="primary" size="md">
        Click me
      </PureButton>
      
      <PureButton variant="secondary" size="lg" fullWidth>
        Full Width Button
      </PureButton>
      
      <PureButton variant="outline" size="sm" loading>
        Loading...
      </PureButton>
    </div>
  );
}

export default App;

Components

PureButton

A versatile button component with multiple variants, sizes, and states.

Props

variant: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'outline' | 'ghost'
size: 'sm' | 'md' | 'lg'
fullWidth: boolean
loading: boolean
disabled: boolean
leftIcon: ReactNode
rightIcon: ReactNode
Plus all standard button props

Features

TypeScript support with full type definitions
Accessible design with proper ARIA attributes
CSS variables for easy theming
Multiple variants and sizes
Loading and disabled states
Icon support
Responsive design