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. |