Components

Block components consist of simple components (such as buttons, inputs, etc.) and used to build complex structures such as section components. You can combine different blocks to create unique sections.

NUBL is primary component name for number blocks, where NU - number, BL - blocks and last 2 digits is a sequence number.

How to

Add block components

Block components should be nested inside of parent wrapper and shouldn't be nested inside of any row, as they already have it. Just select and copy any component from the styleguide and paste them to your project. Or you can search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E).

Style components

Before making any changes you need to unlink component. Right-click on the symbol’s label and choose unlink from symbol. You can style components whatever you like.