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