Basic (Dash)

  • Automatic security and version updates
  • GitHub Security Advisories
  • Code and secret scanning
  • Dependency review
  • Automated authentication and identity management
<PrimerBrandUnorderedList Items="@(new() {
    "Automatic security and version updates",
    "GitHub Security Advisories",
    "Code and secret scanning",
    "Dependency review",
    "Automated authentication and identity management"
})" />

Check Variant

  • Automatic security and version updates
  • GitHub Security Advisories
  • Code and secret scanning
<PrimerBrandUnorderedList Variant="BrandListVariant.Check" Items="@(new() {
    "Automatic security and version updates",
    "GitHub Security Advisories",
    "Code and secret scanning"
})" />

X Variant

  • Automatic security and version updates
  • GitHub Security Advisories
  • Code and secret scanning
<PrimerBrandUnorderedList Variant="BrandListVariant.X" CustomIconColor="var(--brand-color-error-fg)" Items="@(new() {
    "Automatic security and version updates",
    "GitHub Security Advisories",
    "Code and secret scanning"
})" />

Custom Color

  • Automatic security and version updates
  • GitHub Security Advisories
  • Code and secret scanning
<PrimerBrandUnorderedList Variant="BrandListVariant.Custom" CustomIconColor="var(--brand-color-accent-primary)" Items="@(new() {
    "Automatic security and version updates",
    "GitHub Security Advisories",
    "Code and secret scanning"
})" />

Unordered List Options

Available options for PrimerBrandUnorderedList

NameDescriptionDefault ValueCSS Class
Items
List of items to display
[]
ListItem
Variant
Icon variant for each item (Dash, Check, X, Custom)
Dash
ListItem__leading-visual
CustomIconColor
CSS variable or hex code for icon color (only when Variant is Custom). You can use predefined variables like: - --brand-color-success-fg - --brand-color-error-fg - --brand-color-accent-primary - --brand-color-text-muted - --brand-color-neutral-muted
-