CrossfilterSummary

“128 of 480” plus a button that clears every filter.

Import

import { CrossfilterSummary } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/crossfilter.

Usage

export const VentasCruzadas: Story = {
  args: storyArgs,
  render: () => <SalesCrossfilter columns="wide" />,
};

Source of the Storybook story.

Props

Prop	Type	Default	Description
noun *	string		What the records are, e.g. “ventas”.
labels	Partial<CrossfilterLabels>
className	string

* marks a required prop.

Storybook stories

• Ventas Cruzadas
• Filtro Inicial
• Narrow
• Brutal Preset
• Pincel Rectangular
• Pincel Inicial
• Pincel Narrow
• Pincel Tactil

Source

packages/ui/src/charts/crossfilter/crossfilter.tsx