# Chip Content Setup

The Chip component allows you to set its textual content and icons according to the specific project requirements.

> tip To learn how to display an icon in the Chip, check out the [Icon Options](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/chip/icons) article.

To configure the Chip textual content, use any of the following approaches:

* [Pass a string](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/chip/content#passing-a-string)
* [Define custom content](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/chip/content#defining-custom-content)

### Passing a String

Passing a string to the [`label`](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/api/chipcomponent#label) property is the basic way to display a chunk of text in the Chip. The text that you pass represents the rendered content of the component.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/buttons/chip/content/string/source.txt)

### Defining Custom Content

When a text label is not enough, place custom Angular content between the `<kendo-chip>` tags. If [`label`](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/api/chipcomponent#label) contains text, the Chip renders it instead of projected content. Otherwise, the Chip renders the projected content.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/buttons/chip/content/custom/source.txt)

## Suggested Links

* [Chip Customization](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/chip/customization)
* [Removable Chip](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/chip/remove)
* [API Reference of the Chip](https://www.telerik.com/kendo-angular-ui-develop/components/buttons/api/chipcomponent)