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
  • UI definition

    • Backend-driven frontend
    • The component tree
    • Actions
    • Triggers
    • Validations
    • Data exchange
    • Server-side object life-cycle
    • Client-side logic
    • Create an UI
      • Accordion Layout
      • App
      • Avatar
      • Badge
      • Breadcrumbs
      • Button
      • Card
      • Carousel Layout
      • Charts
      • Confirm Dialog
      • Context Menu
      • Cookie Consent
      • CRUDL
      • Custom Field
      • Details
      • Dialog
      • Directory
      • Form Layout
      • Grid
      • Horizontal Layout
      • Icons
      • Input fields
      • Markdown
      • Menu Bar
      • Micro frontend
      • Notification
      • Popover
      • Progress Bar
      • Scroller
      • Split Layout
      • Tabs layout
      • Tooltip
      • Vertical Layout
      • Virtual List
      • Async UIs
      • CLI
      • Master-detail
      • Progressive UIs
  • Routing and parameterization

    • Routes
    • Parameters
    • Shared app state
    • Feature flags
  • Complex uis

    • Micro frontends
    • Macro frontends
    • SSO
  • More

    • Static content
    • Extension points
    • Styling
    • Testing
    • Deployment
    • Auth
    • Server side rendering (SSR) *
    • Localization
    • Embed
    • Camunda integration *
  • Java
  • More
  • Styling

You can provide inline styling for any component by using the style property.

You can also easily overwrite the default css variables values by providing your own css.

Please notice this chapter fully depends on the frontend artifact you choose to use.