Chip

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

Import

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

Usage

LinearGradient Usage

Using LinearGradient in React Native Elements is supported through the react-native-linear-gradient package. If you're using expo or create-react-native-app then you can use linearGradientProps prop right out the box with no additional setup.

For react-native-cli users, make sure to follow the installation instructions and use it like this:

import { Chip } from '@rneui/themed';
import LinearGradient from 'react-native-linear-gradient';

...

<Chip
  ViewComponent={LinearGradient} // Don't forget this!
  linearGradientProps={{
    colors: ['red', 'pink'],
    start: { x: 0, y: 0.5 },
    end: { x: 1, y: 0.5 },
  }}
/>

Props

note

Includes all Button props.

Name	Type	Default	Description
type	solid | outline		Type of button.