Clashing CSS Classes

Parameters

Parameter	Type	Default	Notes
Id	String	Empty
Class	String	Empty	.-ghost .--colorSecondary .--colorGrey .-small .-large .-wider .-widest
DataTarget	String	Empty	Defines the data-target="" attribute for using Javascript to target elements by Id.
DataParent	String	Empty	Defines the data-parent="" attribute for using Javascript to target this elements parent by Id.
JsOnClick	String	Empty	Defines the onclick="" attribute for triggering javascript functions.
BlazorOnClick	String	Empty	Defines the @onclick="" attribute for triggering Blazor functions.
Content	String	Button	Used for the text displayed on the button.
Title	String	Button	Used for the title="" attribute, if blank the Name parameter will be used.
Type	String	Button	Defines the type of button. Eg, Button, Reset, Submit
Disabled	Bool	false	Used to deactivate the button.

Code

Within Razor View (.cshtml)

<component type="typeof(Button)" render-mode="Static" param-Name="@("Click me")" param-OnClick="doSomething()" />

Within Component (.razor)

<Button Name="Click me" OnClick="doSomething()" />