The Australian Government coat of Arms

Communities of practice

Communities of practice

Web application

Hi everyone

We are at the stage of designing an internal web application, possibly with some external users too.

I have been looking at the design system, I find most of the components are designed for the building web pages (correct me if I am wrong), I also looked at the showcases and couldn’t find any example of web applications.

Any one has any good example of the cool web apps using DTA components you can show?


Hi TakChun!

Do you know what sort of components you are looking at using?

Design System does not have all the components that you could find in say a framework like Material Design. But Design System can certainly still be used for guidance, particularly when modifying component styles and underlying component code to improve accessibility. :slight_smile:



Most of the apps I’ve seen are internal and closed source.

I guess you could call the DTA Cloud Assessment tool as a webapp.
i.e. it isn’t just content on a page

Hi @TakChun,

I assume by now you’ve moved past design, but it’d still be good to learn about what you used or found missing from the DS.

There are form components that you can definitely use in a web app, but the design system on its own is not opinionated about e.g. framework, router, state, etc etc, nor are there templates or component patterns (yet).

Would love to know more about what you wanted to see.
This is a React web app that was created using DTA design system components with some modifications.

1 Like

Hey @derp welcome to the community and thanks for the post about the CSIRO using the design system. Did you work on this implementation yourself, and have you any insights around the process or about any difficulties/challenges you could share with the community?

Hi Ross,

I have created a few prototype web applications in small teams using the DTA design system for different government departments. The design system saved a lot of time in reducing the discussions around best practices, look and feel as other departments were generally aware of this design system. We were also able to save a lot of time in not having to build the components ourselves.

However, we encountered some difficulties with using the design system. Of the most critical were bug #896 (create-react-app doesn’t work out of the box) and bug #891 (can’t upgrade react-router). Other issues include not having a dirty state to the form controls and having to come up with out own typescript definitions (which I’d be happy to share).

I’d be happy to be contacted via email if you would like a more detailed view into how we use it in our different projects.


That’ll be great, I’ve DM’d you my email address. I’ll also be looking at the React bugs and hopefully can get them fixed this week at the earliest.