Chip

A Chip can be used to display entities in small blocks.

Usage

import * as React from 'react';
import { Chip } from 'react-native-paper';

const MyComponent = () => (
  <Chip icon="info" onPress={() => {}}>Example Chip</Chip>
);

Props

children (required)
Type: React.Node

Text content of the Chip.

icon
Type: IconSource

Icon to display for the Chip.

onPress
Type: () => mixed

Function to execute on press.

onDelete
Type: () => mixed

Function to execute on delete. The delete button appears only when this prop is specified.

style
Type: any
theme
Type: Theme