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.
53 lines
1.3 KiB
53 lines
1.3 KiB
<button class="buttonContainer @MyButtonType.ToString().ToLower()" @onclick="ButtonClicked">@ChildContent</button> |
|
|
|
<style> |
|
.buttonContainer { |
|
padding: 16px; |
|
border: 1px solid; |
|
border-radius: 8px; |
|
font-weight: 800; |
|
font-size: 1.2rem; |
|
} |
|
|
|
.@(MyButtonType.Primary.ToString().ToLower()) { |
|
border-color: var(--primary); |
|
background-color: var(--primary); |
|
} |
|
|
|
.@MyButtonType.Secondary.ToString().ToLower() { |
|
border-color: var(--secondary); |
|
background-color: var(--secondary); |
|
} |
|
|
|
.@MyButtonType.Primary.ToString().ToLower():hover { |
|
background-color: var(--primary-hover); |
|
border-color: var(--primary-border-hover); |
|
color: white; |
|
} |
|
|
|
.@MyButtonType.Secondary.ToString().ToLower():hover { |
|
background-color: var(--secondary-hover); |
|
border-color: var(--secondary-border-hover); |
|
color: white; |
|
} |
|
|
|
</style> |
|
|
|
|
|
@code { |
|
|
|
[Parameter] |
|
public RenderFragment ChildContent { get; set; } = default!; |
|
|
|
[Parameter] |
|
public EventCallback<EventArgs> OnClick { get; set; } = default!; |
|
|
|
[Parameter] |
|
public MyButtonType MyButtonType { get; set; } = default!; |
|
|
|
private void ButtonClicked(EventArgs eventArgs) |
|
{ |
|
OnClick.InvokeAsync(eventArgs); |
|
} |
|
|
|
} |