You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
997 B
39 lines
997 B
2 years ago
|
@namespace Connected.Components
|
||
|
@using Connected.Annotations;
|
||
|
@using Connected.Utilities;
|
||
|
@inherits UIComponent
|
||
|
|
||
|
<div @attributes="UserAttributes" class="@Classname" style="@Style">
|
||
|
@ChildContent
|
||
|
</div>
|
||
|
|
||
|
@code {
|
||
|
|
||
|
protected string Classname =>
|
||
|
new CssBuilder("mud-toolbar")
|
||
|
.AddClass($"mud-toolbar-dense", Dense)
|
||
|
.AddClass($"mud-toolbar-gutters", !DisableGutters)
|
||
|
.AddClass(Class)
|
||
|
.Build();
|
||
|
|
||
|
/// <summary>
|
||
|
/// If true, compact padding will be used.
|
||
|
/// </summary>
|
||
|
[Parameter]
|
||
|
[Category(CategoryTypes.ToolBar.Appearance)]
|
||
|
public bool Dense { get; set; }
|
||
|
|
||
|
/// <summary>
|
||
|
/// If true, disables gutter padding.
|
||
|
/// </summary>
|
||
|
[Parameter]
|
||
|
[Category(CategoryTypes.ToolBar.Appearance)]
|
||
|
public bool DisableGutters { get; set; }
|
||
|
|
||
|
/// <summary>
|
||
|
/// Child content of component.
|
||
|
/// </summary>
|
||
|
[Parameter]
|
||
|
[Category(CategoryTypes.ToolBar.Behavior)]
|
||
|
public RenderFragment ChildContent { get; set; }
|
||
|
}
|