Skip to content

Clipper

Clipped the child using the specified clipper

image

Component

Name Description
component clipper
clipper bread-crumb, more to come
child child widget to be clipped
options see options

Options

Name Description
radius clip radius, default to 5px if not provided
side both or right
strokeWidth (optional) outlined stroke width
strokeColor (optional) outlined stroke color (if strokeWidth is set)

Examples

{
  "component": "clipper",
  "clipper": "bread-crumb",
  "radius": 20,
  "side": "both",
  "radius": 20,
  "options": {
    "radius": 40,
    "borderRadius": 20
  },
  "styles": {
    "borderRadius": 20,
    "backgroundColor": "#999",
    "padding": "40px 30px 40px 20px"
  },
  "child": {
    "component": "text",
    "text": "Clipper content",
    "condition": "user is self"
  }
}