Dots

Dots Control

Dots makes declaring multiple dots easier

DABL

title: 'dots'
dots ids: 1 2 3 4 5 6 at: [-3,-0.5]

HTML

<dot-and-box code="
    title: 'dots'
    dots ids: 1 2 3 4 5 6 at: [-3,-0.5] ">
 </dot-and-box>

dots attributes

• group - prefix for ids, optional
• ids - space separated ids of dots, mandatory
• layout - col or row, optional - default: col
• span - number of empty cells between dots
• colors - space separated color list used to fill dots
• radius - dot radius

note

if id is set, effective control id is concatenation of id _ and identifier from ids e.g. declaration: dots id: pre ids: 1 2 3 makes three dots with id: pre_1 pre_2 pre_3