Hero Banner v0.8.3 · @behivetech

Examples of v0.8.3 are shown as code; only the latest version runs live. Open the live examples →

Basic Hero Banner

1const BasicHeroBanner = () => (
2  <HeroBanner>HeroBanner content</HeroBanner>
3);
4
5render(<BasicHeroBanner />);

Hero Banner With Buttons

1const HeroBannerWithButtons = () => (
2  <HeroBanner
3    headline="Build it once"
4    subtext="Ship the same components to every site you run."
5    ctaButtons={[
6      { label: "Get started", href: "https://example.com" },
7      {
8        label: "Read the docs",
9        href: "https://docs.example.com",
10        variant: "secondary",
11      },
12    ]}
13  />
14);
15
16render(<HeroBannerWithButtons />);