Skip to main content
SolidBase

Hero

since 0.0.9Source

Landing-page hero block.

Props

function Hero(props: {
data: {
name?: string;
text?: string;
tagline?: string;
image?: {
src: string;
alt?: string;
};
actions?: Array<{
theme?: string;
text?: string;
link?: string;
}>;
};
}): JSX.Element;

Behavior

  • uses page frontmatter.title as the main heading
  • includes text, tagline, and image when present
  • includes action links from data.actions
  • external action links open in a new tab
  • action theme defaults to brand

Last updated: 4/10/26, 11:49 PM

SolidBaseFully featured, fully customisable static site generation for SolidStart
Community
githubdiscord