Beacon

This is a Beacon component.

Find out what's new!

Installation

1. Dependencies

npm install clsx tailwind-merge react-icons

2. Paste inside @/lib/utils.ts

import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: Parameters<typeof clsx>) {
  return twMerge(clsx(...inputs));
}

3. Copy Beacon Code

Copy Beacon Code

Beacon Props

Name	Type	Required	Default	Description
url	string	Yes	undefined	The URL to navigate to when the beacon is clicked.
icon	React.ReactNode	Yes	undefined	The icon to display inside the beacon.
text	string	Yes	undefined	The text to display inside the beacon.
className	string	No	undefined	Optional additional class names for styling.