docbox docbox
  • About Mateu
  • Java
  • Kotlin
  • C#
  • Python
  • Design systems
  • Native
  • AI
GitHub repo
to navigate to select ESC to close
  • Create your project

    • Prerequisites
    • Springboot MVC
    • Springboot Webflux
    • Micronaut
    • Quarkus
    • Helidon MP
  • Java

    • Getting started
    • Your first Mateu app with Spring Boot
    • Build a real CRUD with relationships
    • Apps and pages
    • Compose a shell with multiple services
    • Declarative vs fluent
    • State, actions and fields
    • UI model in Mateu
    • Field stereotypes
    • Examples
    • Foreign keys and options
    • Interaction model in Mateu
    • Application shell in Mateu
    • Best practices
    • Layout and composition
    • Triggers and events
    • Microservices example
    • Navigation model in Mateu
    • Validation
    • Advanced
    • Navigation and menus
    • Rules
    • A real CRUD example
    • Action behavior
    • Routing and parameters
    • Breadcrumbs
    • UI effects (messages and commands)
    • End-to-end example
    • CRUD patterns
    • Working with domain models
    • Build a real app
  • Components

    • Overview
    • Layouts
    • Forms
    • Grids
    • Actions
    • The component tree
    • Supported components
    • Client-side logic
  • Java
  • Components

On This Page
  1. Components
    1. How to read this section
    2. Core idea
    3. Categories

Components

Mateu provides a set of UI building blocks that are rendered automatically from your backend code.

How to read this section

Each component shows:

  • what it looks like
  • how to use it in Java
  • key properties

Core idea

You don’t manually build UI.

You describe it in Java — Mateu renders it.


Categories

  • Layouts
  • Data display
  • Inputs
  • Actions

Start exploring components below.

Table of Contents

  1. Components
    1. How to read this section
    2. Core idea
    3. Categories