Content

Description

The Content component is used as a container for other components.

Example

@Content <bgcolor:#FF0 height:100 width:100>:
   @Rect:
        position:"center"
        height:90
        width:90
        bgcolor:#004aad
        Border-radius:20
        smoothEdges:true
        rotate:45

---

Shape binds (Shape)

Elements inheriting from Shape provide additional graphical binds:

Bind	Type	Description
rotation	Number	Rotates the shape element
bgcolor	Color / Hex	Changes the background color of the shape

---

Component Propertys

Property	Type	Description
smoothEdges	Bool	smooth the edges of the component
border-width	Float	component border width
border-radius	Float	component border radius
border-color	Hex	component border color
bgcolor	Hex	component color
rotate	Int	component rotate
x	Float	x coordinate of the component
y	Float	y coordinate of the component
width	Float	component width
height	Float	component height

Component Functions

Blur

Creates a blur effect on the Component.

Example

blur:
  x:12.0
  y:12.0

Property	Type	Description
x	float	Horizontal blur
y	float	Vertical blur

Shadow

Creates a shadow effect on the Component.

Example

shadow:
  color:#fffd1f17
  dx:12.4
  dy:12.5
  forcx:18.4
  forcy:17.9

Property	Type	Description
dx	Float	distance x of the element
dy	Float	distance y of the element
forcy	Float	strength y of the element
forcx	Float	strength x of the element
color	Hex	color shadow

Opacity

Creates a opacity on the Component.

Example

opacity:
   percent:33.5

Property	Type	Description
percent	Float	component opacity percentage