Base

Base components for Widgets

Props

w: Number
h: Number

Width and Height of the component in grid units, used to lookup the actual pixel sizes from ratios array.

js

const ratios = {
  "1x1": "w-[175px] h-[175px]",
  "1x2": "w-[175px] h-[370px]",
  "2x1": "w-[370px] h-[175px]",
  "2x2": "w-[370px] h-[370px]",
  "14x1": "w-[1345px] h-[77.5px]",
};

selectorSizes: Array

Lets the widget know which sizes the <Selector/> component displays and can be resized from. More info on Selector.

selectorFormat: Boolean
selectorColor: Boolean
selectorVariants: Array
selector: Boolean
shadow: { type: Boolean, default: true }

To do, include visual/graphic representation to see how to data flows between Base and Selector