ColorArea

PreviousNext
Docs
react-ariaui

Preview

Loading preview…
components/ui/ColorArea.tsx
'use client';
import {
  ColorArea as AriaColorArea,
  ColorAreaProps
} from 'react-aria-components';

import {ColorThumb} from '@/registry/react-aria/ui/ColorThumb';
import './ColorArea.css';

export function ColorArea(props: ColorAreaProps) {
  return (
    (
      <AriaColorArea {...props}>
        <ColorThumb />
      </AriaColorArea>
    )
  );
}

Installation

npx shadcn@latest add @react-aria/css-colorarea

Usage

import { CssColorarea } from "@/components/ui/css-colorarea"
<CssColorarea />