Description
At present the process of reusing the admin UI is just a case of copying and pasting the HTML from an example page. With the exception of the header, nothing is componentised and new developers creating new screens are liable to mis-paste or misunderstand the classes required on some UI. Methods used to style the same component from one page to the next are likely to fall out of sync.
I'd like a component library covering as many UI components from the Styleguide as possible. Creating a bi-color button shouldn't be a case of writing <button class="bi-color">
tags, but rather {% wagtailui button bicolor %}
or similar. It's not about reducing the work involved, just about ensuring it's uniform and controllable from a single point if changes are required.
The styleguide would obviously be updated with code examples too, so that the tag syntax were explained for each component.