Skip to main content
Version: Next

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 'react-native-elements';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#

Chip#

Reference#

Chip#

type#

Type of button.

TypeDefault
"solid" or "outline"None