<PrimerBrandUnorderedList Items="@(new() {
"Automatic security and version updates",
"GitHub Security Advisories",
"Code and secret scanning",
"Dependency review",
"Automated authentication and identity management"
})" />
<PrimerBrandUnorderedList Variant="BrandListVariant.Check" Items="@(new() {
"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"
})" />
<PrimerBrandUnorderedList Variant="BrandListVariant.Custom" CustomIconColor="var(--brand-color-accent-primary)" Items="@(new() {
"Automatic security and version updates",
"GitHub Security Advisories",
"Code and secret scanning"
})" />
Available options for PrimerBrandUnorderedList
Name | Description | Default Value | CSS 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 | - |