Panel

This documentation provides a comprehensive reference for the Panel component family, including its heading, tabs, blocks, and icon helpers.

Demos

Preview #

PanelBlock Notes #

  • PanelBlock renders a div by default.
  • When Href is provided, PanelBlock renders an anchor element.
  • When IsLabel is true and Href is not provided, PanelBlock renders a label element.
  • PanelIcon is optional and can wrap raw icon markup or another icon component inside a block.
  • Panel.Color supports the main Bulma panel color variants, including Link, Primary, Info, Success, Warning, and Danger.

Panel Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color PanelColor None Gets or sets the panel color. 1.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

PanelHeading Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

PanelTabs Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

PanelTab Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Href string null Gets or sets the hyperlink reference. 1.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsActive bool False Gets or sets the active state. 1.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

PanelBlock Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Href string null Gets or sets the hyperlink reference. If set, the panel block renders an anchor element. 1.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsActive bool False Gets or sets the active state. 1.2.0
IsLabel bool False If true, the panel block renders a label element when Href is not set. 1.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

PanelIcon Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
ChildContent RenderFragment null Gets or sets the child content. 1.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.
If you like BlazorExpress.Bulma, give it a star on GitHub!