open-index/open-npm huggingface dataset:
npm package: @rttui/skin-bleu
Description: Bleu skin for React TanStack Table UI
Author: ricsam
Latest version: 1.0.69

# Virtualized Table - Bleu Skin

This package provides an Bleu-styled skin for the `@rttui/core` virtualized table.

## Dependencies

- `@rttui/core`: The core table logic.
- `react` (peer)
- `react-dom` (peer)
- `@emotion/react` (peer/dev)
- `@emotion/styled` (peer/dev)
- `@mui/material` (peer/dev - Check if truly needed or leftover)
- `react-icons` (peer/dev)

Ensure peer dependencies are installed in your project.

## Setup

```bash
npm install @rttui/skin-bleu @rttui/core react react-dom @emotion/react @emotion/styled react-icons
# or
yarn add @rttui/skin-bleu @rttui/core react react-dom @emotion/react @emotion/styled react-icons
```

## Usage

Import the `BleuSkin` object and pass it to the `VirtualizedTable` component:

```tsx
import { VirtualizedTable } from '@rttui/core';
import { BleuSkin } from '@rttui/skin-bleu';

// ... component setup ...

<VirtualizedTable
  {/* ... other props ... */}
  skin={BleuSkin}
/>
```

## Exported Components

The following components are exported:

- `BleuSkin`: The main skin object to pass to the table.
- `TableHeaderRow`
- `HeaderPinButtons`
- `RowPinButtons`
- `Resizer`
- `CellAvatar`
- `CellAvatarWithText`
- `CellNumber`
- `CellTag`
- `CellText`
- `ExpandButton`
- `Checkbox`
- `CellTextBold`
- `CellCurrency`
- `CellBadge`
- `Cell`
- `CellLink`
- `CellPercent`
- `HeaderResizer`
npm package: @rttui/skin-mui
Description: Material UI skin for React TanStack Table UI
Author: ricsam
Latest version: 1.0.55

# Virtualized Table - MUI Skin

This package provides a Material UI (MUI) styled skin for the `@rttui/core` virtualized table.

## Dependencies

- `@rttui/core`: The core table logic.
- `react` (peer)
- `react-dom` (peer)
- `@mui/material` (peer)
- `@emotion/react` (peer)
- `@emotion/styled` (peer)
- `@mui/icons-material` (peer/dev)

Ensure peer dependencies are installed in your project.

## Setup

```bash
npm install @rttui/skin-mui @rttui/core react react-dom @mui/material @emotion/react @emotion/styled @mui/icons-material
# or
yarn add @rttui/skin-mui @rttui/core react react-dom @mui/material @emotion/react @emotion/styled @mui/icons-material
```

## Usage

Import the `MuiSkin` object and pass it to the `VirtualizedTable` component:

```tsx
import { VirtualizedTable } from '@rttui/core';
import { MuiSkin } from '@rttui/skin-mui';

// ... component setup ...

<VirtualizedTable
  {/* ... other props ... */}
  skin={MuiSkin}
/>
```

## Exported Components

The following components are exported:

- `MuiSkin`: The main skin object to pass to the table.
- `HeaderPinButtons`
- `Checkbox`
- `CellAvatar`
- `CellAvatarWithText`
- `CellNumber`
- `CellTag`
- `CellText`
- `Resizer`
- `ExpandButton`
- `RowPinButtons`
- `CellTextBold`
- `CellCurrency`
- `CellBadge`
- `Cell`
- `CellLink`
- `CellPercent`
npm package: @rttui/skin-tailwind
Description: Tailwind CSS skin for React TanStack Table UI
Author: ricsam
Latest version: 0.0.49

# Virtualized Table - Tailwind Skin

This package provides a Tailwind CSS styled skin for the `@rttui/core` virtualized table.

## Dependencies

- `@rttui/core`: The core table logic.
- `react` (peer)
- `react-dom` (peer)
- `tailwindcss` (peer - required in your project for styles to apply)

Ensure peer dependencies are installed and Tailwind CSS is configured in your project.

## Setup

```bash
npm install @rttui/skin-tailwind @rttui/core react react-dom tailwindcss
# or
yarn add @rttui/skin-tailwind @rttui/core react react-dom tailwindcss
```

Make sure your `tailwind.config.js` includes the components from this package in its `content` array:

```js
// tailwind.config.js
module.exports = {
  content: [
    // ... other paths ...
    './node_modules/@rttui/skin-tailwind/src/**/*.{js,ts,jsx,tsx}',
  ],
  // ... other config ...
};
```

## Usage

Import the `TailwindSkin` object and pass it to the `VirtualizedTable` component:

```tsx
import { VirtualizedTable } from '@rttui/core';
import { TailwindSkin } from '@rttui/skin-tailwind';

// ... component setup ...

<VirtualizedTable
  {/* ... other props ... */}
  skin={TailwindSkin}
/>
```

## Exported Components

The following components are exported:

- `TailwindSkin`: The main skin object to pass to the table.
- `CellAvatar`
- `CellAvatarWithText`
- `CellNumber`
- `CellTag`
- `CellText`
- `Resizer`
- `HeaderPinButtons`
- `ExpandButton`
- `RowPinButtons`
- `Checkbox`
- `CellTextBold`
- `CellCurrency`
- `CellBadge`
- `Cell`
- `CellLink`
- `CellPercent`
- `darkModeVars`: CSS variable definitions for dark mode.
- `lightModeVars`: CSS variable definitions for light mode.
npm package: @rtull1/ui
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.
Latest version: 1.0.1

# Ui

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).