Skip to content
Meisam Alifallhi edited this page Apr 5, 2022 · 1 revision

Basic

1

<Chip Src="images/profile.jpg" Text="ExComponent" />

Color

2

<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Primary" />
<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Secondary" />
<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Info" />
<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Success" />
<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Warning" />
<Chip Src="images/profile.jpg" Text="ExComponent" Color="Color.Danger" />

TextColor

3

<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Default" />
<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Secondary" />
<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Success" />
<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Warning" />
<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Danger" />
<Chip Src="images/profile.jpg" Text="ExComponent" TextColor="TextColor.Black50" />

Size

4

<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.ExtraSmall" />
<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.Small" />
<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.Default" />
<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.Medium" />
<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.Large" />
<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.ExtraLarge" />

Closable

5

<Chip Src="images/profile.jpg" Text="ExComponent" Size="Size.ExtraSmall" Closable="true" OnClosed="OnClosed" />

@code {

    [Inject] INotificationService NotificationService { get; set; }

    private Task OnClosed()
    {
        return NotificationService.Success( "Chip is closed.", "😀" );
    }

}
Clone this wiki locally