车讯:工厂停工！Faraday Future承认财务危机
|
OOUI
|
| OOUI |
|---|
| Introduction |
| Getting started |
| Working with widgets |
| See also |
 | <tvar name=2>OOUI</tvar> OOUI has been replaced by Codex. Codex is now the default user-interface design system and is bundled with MediaWiki 1.45. For more information, see Future of OOUI alongside Codex. |
OOUI allows developers to create responsive web user-interfaces and applications.
It is internationalization ready with full support of right-to-left languages, is accessible complying to Web Content Accessibility Guidelines and operates consistently across a multitude of browsers.
The OOUI library contains:
- Ready-to-use widgets, layouts, and windows that can be instantiated directly or easily extended,
- A PHP server-side compatible output for cases where JavaScript is not supported,
- Elements that can be easily mixed and matched to create custom user interfaces.
OOUI is available in MediaWiki Core, as well as on npm, Composer, and through cdnjs. OOUI implements a "WikimediaUI" theme – conforming to Wikimedia Foundation's design style guide. Interfaces built within MediaWiki use this theme by default, though different MediaWiki skins can and do over-ride this. See documentation about using OOUI in MediaWiki. It is successfully in use in 40+ web products by Wikimedia Foundation and volunteer developers. Community-created TypeScript definitions for OOUI exist (they work in JavaScript projects as well in popular IDEs).
Note that the library was originally created for the entire user interface of VisualEditor, on top of the OOjs primer (Object-Oriented JavaScript, hence OOUI's former name "OOjs UI"). It has later been extended to serve MediaWiki Core with PHP implemented widgets or responsive interfaces in project Advanced Mobile Contributions.
OOUI is pronounced oh-oh-you-eye.
The source code is hosted on Gerrit and mirrored on GitHub.
Future of OOUI alongside Codex
From MediaWiki 1.41 and later, it is recommended to use markup for Codex CSS-only components instead of MediaWiki UI markup. For more information, see Codex/Migrating from MediaWiki UI.
Codex design system has replaced OOUI as the default user interface library. Codex is used in current and for future product development.
New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.
Documentation
See the sidebar for a full list of documentation subpages.
See also
- API documentation generated from the source code on doc.wikimedia.org
- Interactive demos online and in the project's
demosdirectory - A tutorial on building a Todo list application using OOUI step by step
- OOJS/OOUI kick starter — Ready to code and demo user interface.
 | OOUI is maintained by the Design System Team.
Get help:
|
