Skip to content

UI component library #382

Closed
Closed
@davecranwell

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.

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions