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.
| Type | Default |
|---|---|
| "solid" or "outline" | None |