open-index/open-npm huggingface dataset:
npm package: @milon27/react-sample
Description: 1. import css file in main.tsx or app.tsx file
Author: milon27
Latest version: 1.0.4

## how to use

1. import css file in main.tsx or app.tsx file

```tsx
import "../node_modules/@milon27/react-sample/dist/react-sidebar.css";
```

1. use the component

```tsx
import { Sample } from "@milon27/react-sample";
function App() {
  return (
    <>
      <Sample />
    </>
  );
}

export default App;
```
npm package: @milord_frontend/ui-export-full
Description: React UI component library - Full version with all components
Latest version: 0.1.1

# @repo/ui-export-full

Full version of the React UI component library with all components.

> This package is for **npm publication only**. For development in the monorepo, use `@repo/ui` directly.

## Components Included

- ✅ Button
- ✅ Card (with CardHeader, CardTitle, CardDescription, CardContent, CardFooter)
- ✅ Alert
- ✅ Icon (5 SVG icons: check, close, add, edit, delete)
- ✅ Code

## Installation

```bash
npm install @repo/ui-export-full
# or
yarn add @repo/ui-export-full
# or
pnpm add @repo/ui-export-full
```

## Usage

```tsx
import { Button, Card, Alert, Icon } from "@milord_frontend/ui-export-full";
// Both ways work:
import "@milord_frontend/ui-export-full/styles.css";
// OR: import "@milord_frontend/ui-export-full/dist/ui-export-full.css";

function App() {
  return (
    <div>
      <Button variant="default">Click me</Button>

      <Card>
        <CardHeader>
          <CardTitle>Title</CardTitle>
        </CardHeader>
        <CardContent>
          <p>Content</p>
        </CardContent>
      </Card>

      <Alert variant="success">Success!</Alert>

      <Icon name="check" size={24} />
    </div>
  );
}
```

## SCSS Variables

```scss
@use "@repo/ui-export-full/styles" as *;

.my-component {
  padding: $spacing-lg;
  background: $color-primary;

  @include card-base;
  @include mobile {
    padding: $spacing-sm;
  }
}
```

## Package Size

- **Package:** ~16.6 KB
- **JS:** 5.4 KB (gzipped: 1.93 KB)
- **CSS:** 4.9 KB (gzipped: 1.18 KB)

## For Lite Version

Need only Alert component? Use `@repo/ui-export-lite` (48% smaller).

## Source

This package re-exports components from the internal `@repo/ui` package.
For monorepo development, import from `@repo/ui` directly.

## License

MIT