Category Bar

A component for displaying categorized data with visual indicators of distribution or proportion.

Storybook

Recharts Docs

Source

Automatic Installation

This method is still working on progress, please use manual installation for now.

npm install radix-ui

components/category-bar/category-bar.tsx

import { type CategoryBarStyles, categoryBarStyles } from './category-bar.css'
 
const CategoryBar = () => {
  return null
}
 
export { CategoryBar }

import {} from '#/components/category-bar'

Browse the Storybook for more examples.

// WIP