---
id: chip
title: Chip
---

import { IconsStyle } from "@site/src/components/Docs_Icons";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import Usage from "../component_usage/Chip.mdx";

<IconsStyle />

Chips are compact elements that represent an input, attribute, or action.
They may display text, icons, or both.

## Import

```tsx
import { Chip } from "@rneui/themed";
```

## Usage

<Usage />

## Props

:::note
Includes all [Button](button#props) props.
:::

<div class='table-responsive'>

| Name   | Type                 | Default | Description     |
| ------ | -------------------- | ------- | --------------- |
| `type` | `solid` \| `outline` |         | Type of button. |

</div>
