Chip

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

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 or outline		Type of button.