Content Blocks
Event Horizon
Cosmic event horizon feature section with depth effects.
featurecosmicdeptheffects
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{icon: LucideIcon, title: string, desc: string}> | [] | Array of feature items with icon, title, and description. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
cardBgColor | string | rgba(23, 23, 23, 0.5) | Card background color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
iconBgColor | string | rgba(255,255,255,0.05) | Icon background color. |
iconBorderColor | string | rgba(255,255,255,0.1) | Icon border color. |
hoverAccentColor | string | #a855f7 | Hover accent color. |
titleColor | string | #ffffff | Title text color. |
descColor | string | #a3a3a3 | Description text color. |
hoverDescColor | string | rgba(255,255,255,0.8) | Description text color on hover. |