Skip to documentation
upbuilder.

Framework

Overview

The set of elements UpBuilder builds with, and how your layers map to them.

Naming a layer

You do not have to learn the framework. Name your layers plainly and they are mapped for you.

Reach for a framework name only when the automatic mapping picked the wrong element.

Three ways to name a layer
Plain
Hero, Feature card 01, Submit button. Mapped automatically. Use this.
Framework name
NavbarWrapper. Forces that exact element.
With settings
NavbarWrapper(collapse=medium). Forces the element and sets its options.
Plain names are right almost always. The framework names exist as an escape hatch, not as something you are expected to memorise.

Names are a hint, not a guarantee

A layer named NavbarWrapper still has to contain the structure that element requires. The component pages list what each one needs.

What your design becomes

Find what you drew and see what it maps to on each destination. Open a row for the Figma guidance.

What you drewWFELREHTAS

works needs a step not produced