Skip to main content
Version: Bleeding Edge 🚧

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.

NameTypeDefaultDescription
typesolid | outlineType of button.