react-native-ui-lib/src/components/gradient/Gradient.api.json

[](https://stand-with-ukraine.pp.ua)

{
  "name": "Gradient",
  "category": "infra",
  "description": "Gradient Component",
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/SliderScreen.tsx",
  "images": [],
  "props": [
    {
      "name": "color",
      "type": "string",
      "description": "The color of the gradient",
      "default": "Colors.white"
    },
    {
      "name": "type",
      "type": "GradientTypes",
      "description": "hue | lightness | saturation"
    },
    {
      "name": "numberOfSteps",
      "type": "number",
      "description": "The number of steps"
    },
    {"name": "style", "type": "ViewStyle", "description": "Additional style to the component"}
  ],
  "snippet": [
    "<Gradient color={Colors.green30$1} numberOfSteps={4$2}/>"
  ]
}