Superhero - Default Variant

Basic hero used for Documentation pages.

Syntax

<Superhero slots="heading, text" />

# Page Heading

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

Parameters

• slots:

  • heading (required)
  • text (required)
  • image (optional): Background image
  • icon (optional): Filename from the icons directory. If unavailable, please contact the dev-site team to upload.
  • buttons (optional)

• background: Background color (default: rgb(29, 125, 238))

• textColor: Text color. Options: black, white, gray, navy (default: white)

data-slots=heading, text