react-native-ui-lib/src/components/marquee/marquee.api.json

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

{
  "name": "Marquee",
  "category": "media",
  "description": "Marquee component for sliding text",
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MarqueeScreen.tsx",
  "props": [
    {"name": "label", "type": "string", "description": "Marquee label"},
    {"name": "labelStyle", "type": "TextProps['style']", "description": "Marquee label style"},
    {"name": "direction", "type": "MarqueeDirections", "description": "Marquee direction", "default": "LEFT"},
    {"name": "duration", "type": "number", "description": "Marquee animation duration", "default": "3 secondes"},
    {
      "name": "numberOfReps",
      "type": "number",
      "description": "Marquee animation number of repetitions",
      "default": "infinite"
    },
    {"name": "containerStyle", "type": "ViewProps['style']", "description": "Custom container style"}
  ],
  "snippet": [
    "<Marquee",
    "  key={\\`\\${index}\\`$1}",
    "  label={'Hey there'$2}",
    "  direction={directionHorizontal ? MarqueeDirections.LEFT : MarqueeDirections.RIGHT$3}",
    "  duration={duration$4}",
    "  numberOfReps={numOfReps$5}",
    "  containerStyle={styles.containerStyle$6}",
    "/>"
  ]
}