ReactberryReactberry Documentation

Reactberry Documentation

A docs site powered entirely by Reactberry itself.

elements

Elements

Elements are Reactberry's foundational items. Use them as the base layer for layout, typography, actions, and form inputs.

Elements

Elements are the foundational items in Reactberry.

They define the core building blocks you use directly when composing UI.

What belongs in elements

Reactberry elements are low-level primitives such as:

  • Box for layout and structure
  • Text for semantic text and typography
  • Button for actions
  • Field for form inputs

When to use elements

Use elements when you need direct control over layout, spacing, semantics, and composition.

They are the right choice when you are:

  • building a new screen from scratch
  • composing custom app-specific UI
  • creating the structure that larger patterns will sit on top of
  • iterating quickly on layout and content hierarchy

Why elements matter

Blocks are built on top of elements.

That means elements are the foundation for:

  • spacing
  • typography
  • surfaces
  • interaction patterns
  • layout composition
  1. start with elements first
  2. compose the layout you actually need
  3. introduce blocks once patterns repeat or need more structure