Components are the interactive building blocks of our design system. They are used to create consistent and powerful user interfaces.
The Codex library contains two types of components:
Each component in Codex has a demo page where you can interact with working examples, see code samples, and read detailed usage information about the Vue and CSS-only implementations.
View the Codex Components Figma library.
Learn how to use Codex components via the
- Learn how to use Vue Codex components in MediaWiki.
- Learn how to use CSS-only Codex components in MediaWiki.
If you want to know more about the components we plan to add to Codex in the future, read about Codex planned components on mediawiki.org.