Skip to content
Mateu

Supported components

Mateu provides a rich set of UI components.

All fluent components implement:

io.mateu.uidl.fluent.Component

Key idea

Section titled “Key idea”

You do not manually build UI in most cases.

Mateu infers it.

But when needed, you can drop down to fluent components and mix both approaches in the same page.

👉 See Fluent components

Summary

Section titled “Summary”
  • declarative → fast, inferred UI
  • fluent → explicit control
  • both → fully compatible

Categories

Section titled “Categories”

Layout and structure

Section titled “Layout and structure”
  • VerticalLayout
  • HorizontalLayout
  • FormLayout
  • SplitLayout
  • AccordionLayout
  • TabLayout
  • BoardLayout
  • CarouselLayout
  • MasterDetailLayout
  • Scroller
  • Container
  • FullWidth

Forms and inputs

Section titled “Forms and inputs”
  • Form
  • FormField
  • FormItem
  • FormRow
  • FormSection
  • FormSubSection
  • CustomField
  • Button
  • MessageInput

Data display

Section titled “Data display”
  • Grid
  • Listing
  • VirtualList
  • Directory
  • Card
  • Details
  • KPI
  • Badge
  • Chart
  • Markdown
  • Text
  • Image
  • Avatar
  • AvatarGroup
Section titled “Navigation and app structure”
  • App
  • Page
  • MenuBar
  • Breadcrumbs
  • Anchor
  • Tab

Feedback and overlays

Section titled “Feedback and overlays”
  • Dialog
  • ConfirmDialog
  • Notification
  • Tooltip
  • Popover
  • ProgressBar
  • CookieConsent

Rich / specialized

Section titled “Rich / specialized”
  • Bpmn
  • Map
  • MicroFrontend
  • Element
  • Icon

State and infrastructure

Section titled “State and infrastructure”
  • State
  • AppState
  • Data
  • AppData
  • FutureComponent