useRandomColors

Generates one or more random color values, with options to control format and variation.

Usage

Basic usage example to quickly see how the useRandomColors works.

useRandomColor

"use client";
import { Typography } from "@/ui/typography";
import { getRandomColor } from "@/hooks/use-random-colors";

export function RandomColorDemo() {
  const color = getRandomColor();
  return (
    <Typography el="p" prose="h1" style={{ color }}>
      useRandomColor
    </Typography>
  );
}

Source Codes

Full working code example, including necessary markup and styles. You can copy and paste this code directly to start using the component immediately.

use-random-colors.ts