@rttui/skin-bleu

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

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:

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