Jumbotron

Lightweight, flexible component for showcasing hero unit style content.

Structure

  • <Jumbotron> main container
    • <JumbotronTitle> main title text
    • <JumbotronSubtitle> text located bellow title to give more context about the jumbotron

Example

<Jumbotron Background="Background.Primary" Margin="Margin.Is4.FromBottom">
    <JumbotronTitle Size="JumbotronTitleSize.Is4">Hello, world!</JumbotronTitle>
    <JumbotronSubtitle>
        This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
    </JumbotronSubtitle>
    <Divider></Divider>
    <Paragraph>
        It uses utility classes for typography and spacing to space content out within the larger container.
    </Paragraph>
</Jumbotron>

Attributes

Name Type Default Description
Background Background None Sets the bar background color.