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

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

{
  "name": "Dash",
  "category": "infra",
  "description": "Dashed line Component",
  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TimelineScreen.tsx",
  "images": [],
  "props": [
    {
      "name": "vertical",
      "type": "boolean",
      "description": "Is the dashed line should be vertical"
    },
    {
      "name": "gap",
      "type": "number",
      "description": "The gap between the dashes",
      "default": "6"
    },
    {
      "name": "length",
      "type": "number",
      "description": "The length of the dashes",
      "default": "6"
    },
    {
      "name": "thickness",
      "type": "number",
      "description": "The thickness of the dashes",
      "default": "2"
    },
    {
      "name": "color",
      "type": "string",
      "description": "The color of the dashes",
      "default": "Colors.black"
    },
    {"name": "style", "type": "ViewStyle", "description": "Additional style to the dashes"},
    {"name": "containerStyle", "type": "ViewStyle", "description": "The container style"}
  ],
  "snippet": [
    "<Dash vertical$1 style={styles.dash$2}/>"
  ]
}