Superhero default variant with background image.

Syntax

<Superhero slots="image, heading, text, buttons" background="rgb(22, 49, 42)"/>

![Hero image](../../../assets/hero.png)

# Page Heading

This is a sample description text with an [inline link](https://example.com) for the superhero block.

* [Get Started](https://example.com/getting-started)

data-slots=image, heading, text, buttons

data-background=rgb(22, 49, 42)
Hero image

Page Heading

This is a sample description text with an inline link for the superhero block.