Hello from Box!
<PrimerBrandBox Padding="BrandBoxPadding.Padding16"
Background="BrandBoxBackground.Default"
BorderRadius="BrandBoxBorderRadius.Medium"
BorderWidth="BrandBoxBorderWidth.Thick"
BorderStyle="BrandBoxBorderStyle.Solid">
<p>Hello from Box!</p>
</PrimerBrandBox>Available options for PrimerBrandBox component
| Name | Description | Default Value | CSS Class |
|---|---|---|---|
ChildContent | Content inside the box | - | - |
Id | ID attribute for the box element | null | - |
Padding | Box padding value | null | padding--{value} |
Margin | Box margin value | null | margin--{value} |
Background | Box background color | null | backgroundColor--{value} |
BorderColor | Box border color | null | borderColor--{value} |
BorderWidth | Width of the box border | null | borderWidth--{value} |
BorderStyle | Border style (e.g., solid, none) | None | borderStyle--{value} |
BorderRadius | Border radius (e.g., small, medium, full) | null | borderRadius--{value} |
Style | Inline style string for custom CSS | null | - |
ClassName | Custom CSS class(es) | null | - |
DesktopOnly | Show only on desktop devices | false | show-on-desktop hide-on-mobile |
MobileOnly | Show only on mobile devices | false | show-on-mobile hide-on-desktop |