Hero is a component for creating attractive landing page hero sections with a title, description, and customizable action buttons.
Hero
import { Hero } from '@lobehub/ui/awesome';Hero is a component for creating attractive landing page hero sections with a title, description, and customizable action buttons.
import { Hero } from '@lobehub/ui/awesome';| Property | Description | Type | Default |
|---|---|---|---|
| title | Main title text | string | - |
| description | Description text | string | - |
| actions | Array of action buttons | HeroAction[] | - |
| Link | Custom component for rendering links | ElementType | - |
| Property | Description | Type | Default |
|---|---|---|---|
| text | Button text | string | - |
| link | URL to navigate to | string | - |
| type | Button type | 'primary' | 'default' | - |
| github | Whether to show GitHub icon | boolean | - |
| openExternal | Whether to open link in new tab | boolean | - |