open-index/open-npm huggingface dataset:
npm package: @tailgrids/cli
Description: CLI for adding Tailgrids components to React projects.
Author: Tailgrids
Latest version: 1.3.0

# Tailgrids CLI

The Tailgrids CLI is a command-line tool that helps you manage Tailgrids components in your React projects.

## Commands

### `init`

The `init` command initializes Tailgrids in your project.

```bash
npx @tailgrids/cli init
```

This will prompt you to:

- Select a theme for your components.
- Configure an import alias for your project.

The `init` command will create the following files:

- `tailgrids.config.json`: Configuration file for the Tailgrids CLI.
- `tailgrids.css`: The base styles for Tailgrids components.
- A `cn` utility file for merging Tailwind CSS classes.

It will also install the required dependencies (`clsx`, `@tailwindcss/forms`, and `tailwind-merge`).

### `add`

The `add` command adds Tailgrids components to your project. It copies the component files to your project's `components/tailgrids/core` directory and adds the required dependencies.

#### Usage

To add one or more components to your project, run the `add` command followed by the component IDs. You can find the component IDs in the [Tailgrids documentation](https://tailgrids.com/docs).

```bash
npx @tailgrids/cli add <component-id-1> <component-id-2> ...
```

For example, to add the `button` and `dialog` components, run the following command:

```bash
npx @tailgrids/cli add button dialog
```

This will create the following files in your project:

```
components/
└── tailgrids/
    ├── button.tsx
    └── dialog.tsx
```

## License

This project is licensed under the MIT License. See the [LICENSE.md](LICENSE.md) file for details.
npm package: @tailgrids/icons
Description: Beautiful React icon components for Tailgrids
Author: TailGrids
Latest version: 2.0.0

# @tailgrids/icons

Beautiful React icon components for Tailgrids - A comprehensive collection of 180+ high-quality SVG icons built with TypeScript and React.

## Installation

Install the package using your preferred package manager:

### npm

```bash
npm i @tailgrids/icons
```

### yarn

```bash
yarn add @tailgrids/icons
```

### pnpm

```bash
pnpm add @tailgrids/icons
```

## Usage

Import the icons you need and use them as React components:

### Basic Usage

```jsx
import { ArrowLeftSquare, FourK } from '@tailgrids/icons';

function App() {
  return (
    <div>
      <ArrowLeftSquare />
      <FourK />
    </div>
  );
}
```

### With Custom Props

```jsx
import { ArrowLeftSquare, FourK } from '@tailgrids/icons';

function App() {
  return (
    <div>
      {/* Custom size */}
      <ArrowLeftSquare size={35} />

      {/* With className for styling */}
      <FourK
        size={24}
        className="hover:scale-110 transition-transform cursor-pointer"
      />
    </div>
  );
}
```

## Props

All icon components accept the following props:

| Prop        | Type               | Default     | Description                            |
| ----------- | ------------------ | ----------- | -------------------------------------- |
| `size`      | `number \| string` | `24`        | Icon size (width and height in pixels) |
| `className` | `string`           | `undefined` | Additional CSS classes for styling     |
| `...props`  | `SVGProps`         | -           | All standard SVG element props         |

All icons also inherit standard SVG props through `React.SVGProps<SVGSVGElement>`, giving you full control over SVG attributes.

## Available Icons

The package includes 170+ icons. Here are some examples:

- `ArrowLeftSquare` - Square arrow pointing left
- `FourK` - 4K display icon
- `Heart` - Heart shape
- `StarFat` - Filled star
- `Check` - Check mark
- `Xmark2x` - Close/X mark
- `SearchPlus` - Magnifying glass with plus
- `UserMultiple4` - Multiple users
- `Bell1` - Notification bell
- `Camera1` - Camera icon

And many more! Check the source code or package exports for the complete list.

## TypeScript Support

This package is built with TypeScript and includes full type definitions out of the box.

## Peer Dependencies

- React >= 18.0.0
- React DOM >= 18.0.0

## Browser Support

Works in all modern browsers that support ES6+ and SVG.

## Author

**Tailgrids**

---

## Links

- [📖 Documentation](https://tailgrids.com/docs)
- [💬 Support](https://tailgrids.com/support)