Development in platform ecosystems
  • Home
  • Learn

DHIS2

  • Getting started with DHIS2 development
  • App development guides
    • Building and publishing an app using the app platform
    • Adding a DHIS2 UI button to an app
      • Setup
      • Button API
      • Using the button
      • Buttons demonstrated in an app
    • Submitting an app to the DHIS2 App Hub
    • Fetching data
    • Using the dataStore
  • Introduction to DHIS2

DHIS2

  • Getting started with DHIS2 development
  • App development guides
    • Building and publishing an app using the app platform
    • Adding a DHIS2 UI button to an app
      • Setup
      • Button API
      • Using the button
      • Buttons demonstrated in an app
    • Submitting an app to the DHIS2 App Hub
    • Fetching data
    • Using the dataStore
  • Introduction to DHIS2

Adding a DHIS2 UI button to an app

1
2
3
4
5

Guide from 2020

This guide is from last year.

In this guide we are going to add a button from the DHIS2 UI library to a pre-existing app.

Learning goals

  • Learning from @dhis2/ui's extensive documentation
  • Importing and using components from @dhis2/ui

Prerequisites

  • HTML, CSS, JavaScript, React familiarity
  • Yarn

Final product

Start Now →

© 2026 DHIS2 Design Lab