<PrimerElement Tag="ElementTag.P" ClassName="color-fg-muted text-normal mb-2">
    This paragraph explains the purpose of the component.
</PrimerElement>

<PrimerElement Tag="ElementTag.Strong" ClassName="text-bold">
    Important Notice
</PrimerElement>

<PrimerElement Tag="ElementTag.Em" ClassName="color-fg-subtle ml-2">
    (This is italicized text.)
</PrimerElement>

<PrimerElement Tag="ElementTag.Ul" ClassName="pl-3 mt-2">
    <PrimerElement Tag="ElementTag.Li">Install the package</PrimerElement>
    <PrimerElement Tag="ElementTag.Li">Configure your environment</PrimerElement>
    <PrimerElement Tag="ElementTag.Li">Deploy to production</PrimerElement>
</PrimerElement>

<PrimerElement Tag="ElementTag.A" ClassName="text-link"
                AdditionalAttributes="@(new Dictionary<string, object> { { "href", "https://github.com" }, { "target", "_blank" } })">
    View on GitHub
</PrimerElement>

<PrimerElement Tag="ElementTag.H3" ClassName="h3 mt-3 mb-1">
    Getting Started
</PrimerElement>

<PrimerElement Tag="ElementTag.Div" ClassName="Box p-3 color-bg-subtle">
    <PrimerElement Tag="ElementTag.P" ClassName="mb-0">
        This is a wrapped box using Primer styles.
    </PrimerElement>
</PrimerElement>

<PrimerElement Tag="ElementTag.Button" ClassName="btn btn-danger mt-3 mb-1">
    Delete
</PrimerElement>