Note

Basic

<Note Title="Note" Description="Importantant information"></Note>

Color

<Note Title="Note" Description="Importantant information" Color="Color.Info" />
<Note Title="Note" Description="Importantant information" Color="Color.Success" />
<Note Title="Note" Description="Importantant information" Color="Color.Warning" />
<Note Title="Note" Description="Importantant information" Color="Color.Danger" />
<Note Title="Note" Description="Importantant information" Color="Color.Dark" />

Border

<Note Title="Note" Description="Importantant information" NoteBorder="NoteBorder.Start"></Note>
<Note Title="Note" Description="Importantant information" NoteBorder="NoteBorder.Top"></Note>
<Note Title="Note" Description="Importantant information" NoteBorder="NoteBorder.End"></Note>
<Note Title="Note" Description="Importantant information" NoteBorder="NoteBorder.Bottom"></Note>

With Custom content

<Note Title="Note">
    <Div>
        <Paragraph>This is Custom Content</Paragraph>
        <Button Color="Color.Primary">Ok</Button>
        <Button Color="Color.Warning">Cancel</Button>
    </Div>
</Note>

Close Button

<Note Title="Note" Description="Importantant information" CloseButton></Note>

Visible binding

<Note Title="Note" Description="Importantant information" @bind-Visible="visible"></Note>

@code {
    bool visible=true;