open-index/open-npm huggingface dataset:
npm package: @subbuswaroop/ui-lib
Description: A shared React UI component library for microfrontends, styled with styled-components and compatible with CSS variables for theming.
Latest version: 1.0.1

# UI Library (ui-lib)

A shared React UI component library for microfrontends, styled with styled-components and compatible with CSS variables for theming.

## Components
- **Button**: Primary/secondary, disabled, click handler
- **Tag**: Status/color tags
- **Dropdown**: Custom dropdown select

## Usage in Microfrontends

1. **Add as a remote in your webpack config:**
   ```js
   remotes: {
     ui_lib: 'ui_lib@http://localhost:3004/remoteEntry.js',
   }
   ```
2. **Import components:**
   ```js
   import { Button, Tag, Dropdown } from 'ui_lib';
   // or
   import Button from 'ui_lib/Button';
   ```
3. **Use in your JSX:**
   ```jsx
   <Button onClick={...}>Click me</Button>
   <Tag color="success">Active</Tag>
   <Dropdown options={[{label: 'A', value: 'a'}]} value={...} onChange={...} />
   ```

## Development
- Run `npm start` in this folder to start the dev server on port 3004.
- Components are styled with styled-components and support theming via CSS variables.