New to Telerik UI for BlazorStart a free 30-day trial

A component that lets you display compact items with text, icons, selection, and removal. Supports disabled and selectable states, keyboard/mouse interactions, appearance options (size, rounded, fill mode, theme color), and integration with TelerikChipList<TItem> and multi-select scenarios.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class TelerikChip : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikChip

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)...

Constructors

C#
public TelerikChip()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

C#
public override void Dispose()

Overrides: BaseComponent.Dispose()

Implements: IDisposable.Dispose()

C#
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters:firstRenderboolReturns:

Task

Overrides: BaseComponent.OnAfterRenderAsync(bool)

C#
protected override void OnInitialized()

Overrides: ComponentBase.OnInitialized()

Properties

[Accessibility] Describes the aria-label attribute for the component.

C#
[Parameter]
public string AriaLabel { get; set; }

Specifies arbitrary content for the chip. Overrides default rendering.

C#
[Parameter]
public RenderFragment ChildContent { get; set; }

Specifies the disabled state of the chip. Default value is false.

C#
[Parameter]
public bool Disabled { get; set; }

Specifies the fill mode of the chip.

C#
[Parameter]
public string FillMode { get; set; }

Specifies the icon rendered before the chip's text. You can use either a predefined Telerik Icon or a custom one. Refer to Icons - Documentation for more information on how icons work.

C#
[Parameter]
public object Icon { get; set; }

Defines the id of the component.

C#
[Parameter]
public string Id { get; set; }
C#
[Parameter]
public EventCallback<ChipClickEventArgs> OnClick { get; set; }
C#
[Parameter]
public EventCallback<ChipRemoveEventArgs> OnRemove { get; set; }

Specifies whether the chip is removable. Default value is false.

C#
[Parameter]
public bool Removable { get; set; }

Specifies an icon rendered as the remove symbol of the chip. You can use either a predefined Telerik Icon or a custom one.

C#
[Parameter]
public object RemoveIcon { get; set; }

Specifies the roundness of the chip.

C#
[Parameter]
public string Rounded { get; set; }

Specifies whether the chip can be selected. Default value is true.

C#
[Parameter]
public bool Selectable { get; set; }

Specifies the selected state of the chip. Default value is false.

C#
[Parameter]
public bool Selected { get; set; }

Triggered when the Selected parameter is updated.

C#
[Parameter]
public EventCallback<bool> SelectedChanged { get; set; }

Specifies the roundness of the chip.

C#
[Parameter]
public string Size { get; set; }

[Accessibility] Specifies the TabIndex of the chip component.

C#
[Parameter]
public int TabIndex { get; set; }

Specifies the text for the chip.

C#
[Parameter]
public string Text { get; set; }

Specifies the theme color of the chip.

C#
[Parameter]
public string ThemeColor { get; set; }