Border

The Border module controls the border properties of an object and consists of two main submodules: Border Sides and Border Radius.

Border Sides Submodule

This submodule includes a switcher with options for [all | top | right | bottom | left | custom], allowing precise control over each side of the border. It comprises:

1. Border Width: A dimension type field
2. Border Color: A color type field
3. Border Style: A simple selector field

These properties can be applied independently to each of the four sides.

Coming soon : The ability to tokenize the border composite field is coming soon.

Note

The stroke style field has a closed list - it accepts a selection from a pre-existing list of stroke styles. Stroke style fields currently don’t support tokens.

Border Radius Submodule

This submodule includes a switcher with options for [all | top-left | top-right | bottom-right | bottom-left], allowing precise control over each corner of the border.

Border Radius