Shape

Used to display a geometric shape that can be combined visually with other Components to create custom symbols, a custom background, visual containers, or even simple drawings.

Shape Component

Properties

PropertyTypeDescription
OptionsShape OptionsConfiguration that controls the type of Shape to display and how it renders
BG ColorColorBackground or fill color for the Shape
BorderBorderOptional border around the Component
VisibilityBooleanDetermines when to show or hide the Component
FlashBooleanCauses the Component to flash, drawing attention to it

Shape Options

The Shape Component can be displayed as a basic or complex polygons, each with particular options.

Shape Type

typeadditional options
rectanglenone
trianglenone
circlenone
polygonsides : number of equal sides in the poloygon
starpoints : number of points on the star
indent: determines the inner point radius % of the whole radius

Corners

On all shapes except the circle, you can determine the way corners are rendered when a border is applied

typeexample
roundRound Corner
sharpSharp Corner
flatFlat Corner
Last Updated: