Data Display
Featured Icon
A decorative icon container for empty states, dialogs and feature cards — six themes: light, gradient, dark, outline, modern and modern neue.
Import
import { FeaturedIcon } from "@countryclub/ui-react";Default
Light
A tonal circle in all five colors: gray, brand, error, warning and success.
Gradient
A solid circle with a soft top-lit gradient.
Dark
A solid filled circle with a contrasting icon.
Outline
Concentric rings radiating around the icon.
Modern
A bordered square with a subtle shadow.
Modern Neue
The bordered square with an inner bezel plate.
Sizes
Four sizes via the "size" prop, from "sm" to "xl".