CINXE.COM

<!doctype html> <html class="client-nojs vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="en" dir="ltr"> <head> <base href="https://www.mediawiki.org/wiki/OOUI"> <meta charset="UTF-8"> <title>OOUI - MediaWiki</title> <script>(function(){var className="client-js vector-feature-language-in-header-disabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )mediawikiwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy", "wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"17356858-0884-40d7-92b5-11795bfa4593","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"OOUI","wgTitle":"OOUI","wgCurRevisionId":6727929,"wgRevisionId":6727929,"wgArticleId":355284,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["WMF Projects 2013q4","WMF Projects 2014q1","WMF Projects 2014q2","WMF Projects 2014q3","WMF Projects 2014q4","WMF Projects 2015q1","WMF Projects 2015q2","WMF Projects 2015q3","WMF Projects 2015q4","WMF Projects 2016q1","WMF Projects 2016q2","WMF Projects 2016q3","WMF Projects 2016q4","WMF Projects 2017q1","WMF Projects 2017q2","WMF Projects 2017q3","WMF Projects 2017q4","WMF Projects 2018q1","WMF Projects 2018q2","WMF Projects 2018q3","WMF Projects 2018q4","WMF Projects 2019q1","WMF Projects 2019q2", "WMF Projects 2019q3","WMF Projects 2019q4","WMF Projects 2020q1","WMF Projects 2020q2","WMF Projects 2020q3","WMF Projects 2020q4","WMF Projects 2021q1","WMF Projects 2021q2","WMF Projects 2021q3","WMF Projects 2021q4","WMF Projects 2022q1","WMF Projects 2022q2","WMF Projects 2022q3","WMF Projects 2022q4","WMF Projects 2023q1","WMF Projects 2023q2","WMF Projects 2023q3","WMF Projects 2023q4","WMF Projects 2024q1","WMF Projects 2024q2","WMF Projects 2024q3","WMF Projects 2024q4","WMF Projects 2025q1","WMF Projects","OOUI","Libraries"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"OOUI","wgRelevantArticleId":355284,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":["autoconfirmed"],"wgRestrictionMove":["autoconfirmed"],"wgNoticeProject":"mediawiki","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode": "en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":6000,"wgTranslatePageTranslation":"source","wgEditSubmitButtonLabelPublish":true,"wgDiscussionToolsFeaturesEnabled":{"replytool":true,"newtopictool":true,"sourcemodetoolbar":true,"topicsubscription":false,"autotopicsub":false,"visualenhancements":false,"visualenhancements_reply":false,"visualenhancements_pageframe":false},"wgDiscussionToolsFallbackEditMode":"visual","wgULSPosition":"personal","wgULSisCompactLinksEnabled":true,"wgVector2022LanguageInHeader":false,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q61447639","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"]};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready", "ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.translate.tag.languages":"ready","ext.inputBox.styles":"ready","ext.discussionTools.init.styles":"ready","oojs-ui-core.styles":"ready","oojs-ui.styles.indicators":"ready","mediawiki.widgets.styles":"ready","oojs-ui-core.icons":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.translate.edit.documentation.styles":"ready","ext.translate":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.pt":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.translate.pagetranslation.uls","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.discussionTools.init", "ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface","wikibase.client.vector-2022","ext.checkUser.clientHints"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.discussionTools.init.styles%7Cext.inputBox.styles%7Cext.translate%7Cext.translate.edit.documentation.styles%7Cext.translate.tag.languages%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cmediawiki.widgets.styles%7Coojs-ui-core.icons%2Cstyles%7Coojs-ui.styles.indicators%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.18"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:site_name" content="MediaWiki"> <meta property="og:title" content="OOUI - MediaWiki"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//m.mediawiki.org/wiki/OOUI"> <link rel="apple-touch-icon" href="/static/apple-touch/mediawiki.png"> <link rel="icon" href="/static/favicon/mediawiki.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="MediaWiki (en)"> <link rel="EditURI" type="application/rsd+xml" href="//www.mediawiki.org/w/api.php?action=rsd"> <link rel="canonical" href="https://www.mediawiki.org/wiki/OOUI"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"> <link rel="alternate" type="application/atom+xml" title="MediaWiki Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org"> <link rel="dns-prefetch" href="login.wikimedia.org"> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.sLUaD8n-8CY.O/am=gAE/d=1/rs=AN8SPfpi3wsrGBfUnK-IHqzYxskd8oOqqw/m=corsproxy" data-sourceurl="https://www.mediawiki.org/wiki/OOUI"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.sLUaD8n-8CY.O/am=gAE/d=1/exm=corsproxy/ed=1/rs=AN8SPfpi3wsrGBfUnK-IHqzYxskd8oOqqw/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://www.mediawiki.org/wiki/OOUI"></script> <meta name="robots" content="none"> </head> <body class="ext-discussiontools-replytool-enabled ext-discussiontools-newtopictool-enabled ext-discussiontools-sourcemodetoolbar-enabled skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-OOUI rootpage-OOUI skin-vector-2022 action-view"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.sLUaD8n-8CY.O/am=gAE/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpi3wsrGBfUnK-IHqzYxskd8oOqqw/m=navigationui" data-environment="prod" data-proxy-url="https://www-mediawiki-org.translate.goog" data-proxy-full-url="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" data-source-url="https://www.mediawiki.org/wiki/OOUI" data-source-language="auto" data-target-language="en" data-display-language="en-GB" data-detected-source-language="en" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.mediawiki.org/wiki/OOUI&anno=2" data-client="tr"></script><a class="mw-jump-link" href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Main menu"><input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu"> <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container"> <div class="vector-pinnable-header-label"> Main menu </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation"> <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li> <li id="n-mw-download" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Download?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get MediaWiki</span></a></li> <li id="n-mw-extensions" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Category:Extensions?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get extensions</span></a></li> <li id="n-blog-text" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://techblog.wikimedia.org/"><span>Tech blog</span></a></li> <li id="n-mw-contribute" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/How_to_contribute?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Contribute</span></a></li> </ul> </div> </div> <div id="p-support" class="vector-menu mw-portlet mw-portlet-support"> <div class="vector-menu-heading"> Support </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Help:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="The place to find out"><span>User help</span></a></li> <li id="n-mw-faq" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:FAQ?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>FAQ</span></a></li> <li id="n-mw-manual" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Manual:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Technical manual</span></a></li> <li id="n-mw-supportdesk" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Support_desk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Support desk</span></a></li> <li id="n-mw-communication" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Communication?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Communication</span></a></li> </ul> </div> </div> <div id="p-development" class="vector-menu mw-portlet mw-portlet-development"> <div class="vector-menu-heading"> Development </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mw-developerportal" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.wikimedia.org/"><span>Developer portal</span></a></li> <li id="n-svn-statistics" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Development_statistics?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Code statistics</span></a></li> </ul> </div> </div> <div id="p-mediawiki.org" class="vector-menu mw-portlet mw-portlet-mediawiki_org"> <div class="vector-menu-heading"> mediawiki.org </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-portal" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Help?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="About the project, what you can do, where to find things"><span>Community portal</span></a></li> <li id="n-recentchanges" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:RecentChanges?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li> <li id="n-mw-translate" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:LanguageStats?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Translate content</span></a></li> <li id="n-specialpages" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:SpecialPages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Special pages</span></a></li> <li id="n-randompage" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:Random?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Load a random page [x]" accesskey="x"><span>Random page</span></a></li> <li id="n-mw-discussion" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Village_Pump?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Village pump</span></a></li> <li id="n-Sandboxlink-portlet-label" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:Sandbox?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Sandbox</span></a></li> </ul> </div> </div> <div id="p-lang" class="vector-menu mw-portlet mw-portlet-lang"> <div class="vector-menu-heading"> In other languages </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"> <span class="wb-langlinks-add wb-langlinks-link"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.wikidata.org/wiki/Special:EntityPage/Q61447639%23sitelinks-wikipedia" title="Add interlanguage links" class="wbc-editpage">Add links</a></span> </div> </div> </div> </div> </div> </div> </div> </nav><a href="https://www-mediawiki-org.translate.goog/wiki/MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/mediawikiwiki.svg" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="MediaWiki" src="/static/images/mobile/copyright/mediawikiwiki-wordmark.svg" style="width: 7.5em; height: 1.125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:Search?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search MediaWiki [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"><input class="cdx-text-input__input" type="search" name="search" placeholder="Search mediawiki.org" aria-label="Search mediawiki.org" autocapitalize="sentences" title="Search MediaWiki [f]" accesskey="f" id="searchInput"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div><input type="hidden" name="title" value="Special:Search"> </div><button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-uls" class="mw-list-item active user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="uls-trigger cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>English</span></a></li> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color"><input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance"> <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://donate.wikimedia.org/?wmf_source%3Ddonate%26wmf_medium%3Dsidebar%26wmf_campaign%3Dwww.mediawiki.org%26uselang%3Den" class=""><span>Donate</span></a></li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CreateAccount&returnto=OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a></li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UserLogin&returnto=OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class=""><span>Log in</span></a></li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options"><input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools"> <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://donate.wikimedia.org/?wmf_source%3Ddonate%26wmf_medium%3Dsidebar%26wmf_campaign%3Dwww.mediawiki.org%26uselang%3Den"><span>Donate</span></a></li> <li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CreateAccount&returnto=OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li> <li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UserLogin&returnto=OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor"> <div class="vector-menu-heading"> Pages for logged out editors <a href="https://www-mediawiki-org.translate.goog/wiki/Help:Introduction?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyContributions?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li> <li id="pt-anontalk" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyTalk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice">  </div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc"> <h2 class="vector-pinnable-header-label">Contents</h2><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="vector-toc-link"> <div class="vector-toc-text"> Beginning </div></a></li> <li id="toc-Future_of_OOUI_alongside_Codex" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Future_of_OOUI_alongside_Codex"> <div class="vector-toc-text"><span class="vector-toc-numb">1</span> <span>Future of OOUI alongside Codex</span> </div></a> <ul id="toc-Future_of_OOUI_alongside_Codex-sublist" class="vector-toc-list"> </ul></li> <li id="toc-Documentation" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Documentation"> <div class="vector-toc-text"><span class="vector-toc-numb">2</span> <span>Documentation</span> </div></a> <ul id="toc-Documentation-sublist" class="vector-toc-list"> </ul></li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"><a class="vector-toc-link" href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#See_also"> <div class="vector-toc-text"><span class="vector-toc-numb">3</span> <span>See also</span> </div></a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul></li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Table of Contents"><input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents"> <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">OOUI</span></h1> <div class="mw-indicators"> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="View the content page [c]" accesskey="c"><span>Page</span></a></li> <li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Talk:OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" rel="discussion" title="Discussion about the content page [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet"><input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant"> <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true"><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Read</span></a></li> <li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="This page is protected. You can view its source [e]" accesskey="e"><span>View source</span></a></li> <li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&action=history&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown"><input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools"> <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true"><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container"> <div class="vector-pinnable-header-label"> Tools </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options"> <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Read</span></a></li> <li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>View source</span></a></li> <li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&action=history&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb"> <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:WhatLinksHere/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li> <li id="t-recentchangeslinked" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:RecentChangesLinked/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li> <li id="t-upload" class="mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://commons.wikimedia.org/wiki/Special:UploadWizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li> <li id="t-permalink" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&oldid=6727929&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li> <li id="t-info" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&action=info&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="More information about this page"><span>Page information</span></a></li> <li id="t-cite" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:CiteThisPage&page=OOUI&id=6727929&wpFormIdentifier=titleform&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Information on how to cite this page"><span>Cite this page</span></a></li> <li id="t-urlshortener" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:UrlShortener&url=https://www.mediawiki.org/wiki/OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Get shortened URL</span></a></li> <li id="t-urlshortener-qrcode" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:QrCode&url=https://www.mediawiki.org/wiki/OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export"> <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:Book&bookcmd=book_creator&referer=OOUI&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Create a book</span></a></li> <li id="coll-download-as-rl" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:DownloadAsPdf&page=OOUI&action=show-download-screen&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span>Download as PDF</span></a></li> <li id="t-print" class="mw-list-item"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&printable=yes&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects"> <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://commons.wikimedia.org/wiki/OOUI_icons" hreflang="en"><span>Wikimedia Commons</span></a></li> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.wikidata.org/wiki/Special:EntityPage/Q61447639" title="Link to connected data repository item [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container"> <div class="vector-pinnable-header-label"> Appearance </div><button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div id="siteSub" class="noprint"> From mediawiki.org </div> </div> <div id="contentSub"> <div id="mw-content-subtitle"></div> </div> <div id="mw-content-text" class="mw-body-content"> <div class="mw-pt-translate-header noprint nomobile" dir="ltr" lang="en"> <a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Special:Translate&group=page-OOUI&action=page&filter&action_source=translate_page&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:Translate">Translate this page</a> </div> <div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"> <div class="mw-pt-languages noprint navigation-not-searchable" lang="en" dir="ltr"> <div class="mw-pt-languages-label"> Languages: </div> <ul class="mw-pt-languages-list"> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/id?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/id (38% translated)" lang="id" dir="ltr">Bahasa Indonesia</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/de?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--high" title="OOUI/de (90% translated)" lang="de" dir="ltr">Deutsch</a></li> <li><span class="mw-pt-languages-ui mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete" lang="en" dir="ltr">English</span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/nl?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--complete" title="OOUI/nl (100% translated)" lang="nl" dir="ltr">Nederlands</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/tr?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/tr (24% translated)" lang="tr" dir="ltr">Türkçe</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/es?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--high" title="OOUI/es (72% translated)" lang="es" dir="ltr">español</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/fr?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--high" title="OOUI/fr (93% translated)" lang="fr" dir="ltr">français</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/hu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/hu (14% translated)" lang="hu" dir="ltr">magyar</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/pt-br?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--high" title="OOUI/pt-br (72% translated)" lang="pt-BR" dir="ltr">português do Brasil</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/cs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/cs (3% translated)" lang="cs" dir="ltr">čeština</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/ru?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/ru (3% translated)" lang="ru" dir="ltr">русский</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/uk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/uk (34% translated)" lang="uk" dir="ltr">українська</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/ar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/ar (7% translated)" lang="ar" dir="rtl">العربية</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/bn?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/bn (38% translated)" lang="bn" dir="ltr">বাংলা</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/gu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/gu (3% translated)" lang="gu" dir="ltr">ગુજરાતી</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/zh?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/zh (55% translated)" lang="zh" dir="ltr">中文</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/ja?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--complete" title="OOUI/ja (100% translated)" lang="ja" dir="ltr">日本語</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/nan?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--low" title="OOUI/nan (7% translated)" lang="nan" dir="ltr">閩南語 / Bân-lâm-gú</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/ko?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-pt-progress mw-pt-progress--med" title="OOUI/ko (59% translated)" lang="ko" dir="ltr">한국어</a></li> </ul> </div> <style data-mw-deduplicate="TemplateStyles:r6651102">.mw-parser-output .infobox{box-sizing:border-box;border:2px solid var(--border-color-base,#a2a9b1);width:280px;border-collapse:collapse;border-spacing:0;background-color:white;color:#333;clear:right;float:right;margin:0 0 0.5em 0.5em}.mw-parser-output .infobox-rtl{clear:left;float:left;margin:0 0.5em 0.5em 0}.mw-parser-output .infobox th{text-align:left;padding:0.2em 0.5em;vertical-align:top}.mw-parser-output .infobox-rtl th{text-align:right}@media(max-width:719px){body.mediawiki .mw-parser-output .infobox{float:none;clear:both;width:100%;margin:0 0 .5em 0}}.mw-parser-output .infobox td{border:none;padding:0.2em 0.5em;vertical-align:top}.mw-parser-output .infobox-header{background-color:#a2a9b1;color:#FFF;text-align:left}.mw-parser-output .infobox-header a{color:#FFF}.mw-parser-output .infobox-header td,.mw-parser-output .infobox-header th{padding:0.5em 0.5em}.mw-parser-output .infobox-header img{padding:0 0.2em 0 0.5em}@media screen{html.skin-theme-clientpref-night .mw-parser-output .infobox{background-color:inherit;color:inherit}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .infobox{background-color:inherit;color:inherit}}</style> <style data-mw-deduplicate="TemplateStyles:r7037963">.mw-parser-output .wmf-engineering-project-box{border:1px solid var(--border-color-subtle,#c8ccd1);padding:.2em;width:300px;background:var(--background-color-neutral-subtle,#f8f9fa);color:var(--color-base,#202122)}.mw-parser-output .wmf-engineering-project-box-catlink{font-size:smaller;margin:.2em;text-align:center}.mw-parser-output .wmf-engineering-project-box-title{font-size:1.2em;margin:.2em;background:#14866d;color:#fff;padding:.5em;text-align:center;font-weight:bold}.mw-parser-output .wmf-engineering-project-box-description{margin:.2em;padding:.2em;font-style:italic}.mw-parser-output .wmf-engineering-project-box-data{font-size:.9em;margin:.2em 0;width:100%}.mw-parser-output .wmf-engineering-project-box-data th{width:25%;font-weight:normal}.mw-parser-output .wmf-engineering-project-box-previous,.mw-parser-output .wmf-engineering-project-box-next{font-size:smaller;margin:.2em}.mw-parser-output .infobox-ltr .wmf-engineering-project-box-previous,.mw-parser-output .infobox-rtl .wmf-engineering-project-box-next{float:left}.mw-parser-output .infobox-ltr .wmf-engineering-project-box-next,.mw-parser-output .infobox-rtl .wmf-engineering-project-box-previous{float:right}</style> <table class="infobox infobox-ltr wmf-engineering-project-box plainlinks"> <tbody> <tr> <td> <div class="nomobile wmf-engineering-project-box-catlink"> <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Category:WMF_Projects?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Category:WMF Projects">Wikimedia Foundation projects</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects"> </a></span> </div> <div class="wmf-engineering-project-box-title"> OOUI </div> <div class="wmf-engineering-project-box-description"></div> <table class="wmf-engineering-project-box-data"> <tbody> <tr> <th scope="row">Group:</th> <td><a href="https://www-mediawiki-org.translate.goog/wiki/Contributors?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Contributors">Contributors</a></td> </tr> <tr> <th scope="row">Start:</th> <td>2013-10</td> </tr> <tr class="mw-empty-elt"> </tr> </tbody> </table></td> </tr> </tbody> </table> <style data-mw-deduplicate="TemplateStyles:r6605224">.mw-parser-output .tpl-sidebar{background-color:var(--background-color-interactive-subtle,#f8f9fa);border:1px solid var(--border-color-divider,#a2a9b1);color:var(--color-base,#202122);width:22em;padding:.2em;text-align:center;line-height:1.4em;font-size:88%}.mw-parser-output .tpl-sidebar-pagedir-ltr,.mw-parser-output .tpl-sidebar.tpl-sidebar-floatright{float:right;clear:right;margin:.5em 0 1em 1em}.mw-parser-output .tpl-sidebar-pagedir-rtl,.mw-parser-output .tpl-sidebar.tpl-sidebar-floatleft{float:left;clear:left;margin:.5em 1em 1em 0}.mw-parser-output .tpl-sidebar.tpl-sidebar-floatnone{float:none;clear:both;margin:.5em 0 1em 1em}.mw-parser-output .tpl-sidebar>caption{padding-bottom:.2em;font-size:125%;line-height:1.2em;font-weight:bold}.mw-parser-output .tpl-sidebar>tbody>tr>th,.mw-parser-output .tpl-sidebar>tbody>tr>td{padding:0}.mw-parser-output .tpl-sidebar .tpl-sidebar-topimage>td{padding:.4em 0}.mw-parser-output .tpl-sidebar-imagecaption{padding-top:.2em;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-pretitle>td{padding-top:.4em;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-topimage+.tpl-sidebar-pretitle>td{padding-top:.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-title>th{padding:.2em .4em .2em;font-size:145%;line-height:1.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-pretitle+.tpl-sidebar-title>th{padding-top:0}.mw-parser-output .tpl-sidebar .tpl-sidebar-image>td{padding:.2em 0 .4em}.mw-parser-output .tpl-sidebar .tpl-sidebar-abovebelow>td{padding:.3em .4em;font-weight:bold}.mw-parser-output .tpl-sidebar .tpl-sidebar-heading>th{padding-top:.2em}.mw-parser-output .tpl-sidebar .tpl-sidebar-image~.tpl-sidebar-heading-first>th{padding-top:.4em}.mw-parser-output .tpl-sidebar .tpl-sidebar-content>td{padding-bottom:.2em}.mw-parser-output .tpl-sidebar :not(.tpl-sidebar-heading)+.tpl-sidebar-content-first>td{padding-top:.2em}.mw-parser-output .tpl-sidebar-navbar>td{font-size:115%}.mw-parser-output .tpl-sidebar-pagedir-ltr .tpl-sidebar-navbar>td{text-align:right}.mw-parser-output .tpl-sidebar-pagedir-rtl .tpl-sidebar-navbar>td{text-align:left}</style> <table class="vertical-navbox tpl-sidebar tpl-sidebar-pagedir-ltr nowraplinks" role="navigation" style="width:22em; border-spacing: 0.4em 0; text-align: left; padding: 1.5em; margin: 0 0 2em 2em;"> <tbody> <tr class="tpl-sidebar-title"> <th class="" style="font-size: 19px; font-weight: 700;"><b><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI">OOUI</a></b><span style="display:none"><a class="mw-selflink selflink"> </a></span></th> </tr> <tr class="tpl-sidebar-heading tpl-sidebar-heading-first"> <th class="" style="font-size: 16px; font-weight: 700; padding-top: 1em;;">Introduction</th> </tr> <tr class="tpl-sidebar-content tpl-sidebar-content-first"> <td class="" style=";"> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/About_the_library?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/About the library">About the library</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/About_the_library?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/About the library"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/OOjs_primer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/OOjs primer">OOjs primer</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/OOjs_primer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/OOjs primer"> </a></span></li> </ul></td> </tr> <tr class="tpl-sidebar-heading"> <th class="" style="font-size: 16px; font-weight: 700; padding-top: 1em;;">Getting started</th> </tr> <tr class="tpl-sidebar-content"> <td class="" style=";"> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Creating_interfaces_programmatically?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Creating interfaces programmatically">Creating interfaces programmatically</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Creating_interfaces_programmatically?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Creating interfaces programmatically"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/PHP_examples?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/PHP examples">PHP examples</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/PHP_examples?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/PHP examples"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Using_OOUI_in_MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Using OOUI in MediaWiki">Using OOUI in MediaWiki</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Using_OOUI_in_MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Using OOUI in MediaWiki"> </a></span></li> </ul></td> </tr> <tr class="tpl-sidebar-heading"> <th class="" style="font-size: 16px; font-weight: 700; padding-top: 1em;;">Working with widgets</th> </tr> <tr class="tpl-sidebar-content"> <td class="" style=";"> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Elements?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Elements">Elements</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Elements?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Elements"> </a></span> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Elements/Groups?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Elements/Groups">GroupElements</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Elements/Groups?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Elements/Groups"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Elements/Flagged?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Elements/Flagged">FlaggedElements</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Elements/Flagged?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Elements/Flagged"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Elements/Lookup?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Elements/Lookup">LookupElements</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Elements/Lookup?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Elements/Lookup"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Elements/Draggable?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Elements/Draggable">DraggableElements</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Elements/Draggable?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Elements/Draggable"> </a></span></li> </ul></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets">Widgets</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets"> </a></span> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Icons,_Indicators,_and_Labels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Icons, Indicators, and Labels">Icons, Indicators, and Labels</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Icons,_Indicators,_and_Labels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Icons, Indicators, and Labels"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Buttons_and_Switches?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Buttons and Switches">Buttons and Switches</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Buttons_and_Switches?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Buttons and Switches"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Selects_and_Options?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Selects and Options">Selects and Options</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Selects_and_Options?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Selects and Options"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Inputs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Inputs">Inputs</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Inputs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Inputs"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Popups?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Popups">Popups</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Popups?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Popups"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Widgets/Progress_bars?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Widgets/Progress bars">Progress bars</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Widgets/Progress_bars?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Widgets/Progress bars"> </a></span></li> </ul></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts">Layouts</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts"> </a></span> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts/Fields_and_Fieldsets?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts/Fields and Fieldsets">Fields and Fieldsets</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts/Fields_and_Fieldsets?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts/Fields and Fieldsets"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts/Forms?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts/Forms">Forms</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts/Forms?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts/Forms"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts/Stacks_and_Panels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts/Stacks and Panels">Stacks and Panels</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts/Stacks_and_Panels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts/Stacks and Panels"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts/Menu_Layout?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts/Menu Layout">Menus</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts/Menu_Layout?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts/Menu Layout"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Layouts/Booklets_and_Pages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Layouts/Booklets and Pages">Booklets and Pages</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Layouts/Booklets_and_Pages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Layouts/Booklets and Pages"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Index_and_TabPanels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Index and TabPanels">Index and TabPanels</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Index_and_TabPanels?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Index and TabPanels"> </a></span></li> </ul></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows">Windows</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows"> </a></span> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows/Simple_messages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows/Simple messages">Simple messages</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows/Simple_messages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows/Simple messages"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows/Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows/Dialogs">Dialogs</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows/Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows/Dialogs"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows/Process_Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows/Process Dialogs">Process Dialogs</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows/Process_Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows/Process Dialogs"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows/Message_Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows/Message Dialogs">Message Dialogs</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows/Message_Dialogs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows/Message Dialogs"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Windows/Window_managers?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Windows/Window managers">Window managers</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Windows/Window_managers?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Windows/Window managers"> </a></span></li> </ul></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Toolbars?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Toolbars">Toolbars</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Toolbars?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Toolbars"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Themes?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Themes">Themes</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Themes?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Themes"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Concepts?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Concepts">Other concepts</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI/Concepts?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="OOUI/Concepts"> </a></span></li> </ul></td> </tr> <tr class="tpl-sidebar-heading"> <th class="" style="font-size: 16px; font-weight: 700; padding-top: 1em;;">See also</th> </tr> <tr class="tpl-sidebar-content"> <td class="" style=";"> <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Contributors/Projects/Accessible_editing_buttons?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="new" title="Special:MyLanguage/Contributors/Projects/Accessible editing buttons (page does not exist)">Fixing scripts and gadgets</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/w/index.php?title=Contributors/Projects/Accessible_editing_buttons&action=edit&redlink=1&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="new" title="Contributors/Projects/Accessible editing buttons (page does not exist)"> </a></span></li> </ul></td> </tr> <tr class="tpl-sidebar-heading"> <th class="" style="font-size: 16px; font-weight: 700; padding-top: 1em;;"> <hr></th> </tr> <tr class="tpl-sidebar-content"> <td class="" style=";"> <div class="mw-inputbox-centered" style=""> <form name="searchbox" class="searchbox mw-inputbox-form-inline" action="/wiki/Special:Search"> <div class="cdx-text-input"> <input class="mw-searchInput searchboxInput cdx-text-input__input" name="search" placeholder="Search OOUI docs" size="20" dir="ltr"> </div><input type="hidden" value="OOUI" name="prefix"> <input type="submit" name="fulltext" value="Search" class="cdx-button"><input type="hidden" value="Search" name="fulltext"> </form> </div></td> </tr> <tr class="tpl-sidebar-navbar"> <td style=""><style data-mw-deduplicate="TemplateStyles:r4692751">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar ul{display:inline;white-space:nowrap}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em;width:6em}</style><span class="noprint plainlinks navbar" style=""><small><span style="white-space:nowrap;word-spacing:-.12em;"><a href="https://www-mediawiki-org.translate.goog/wiki/Template:OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Template:OOUI"><span style="" title="View this template">v</span></a><span style=""> <b>·</b> </span><a class="external text" href="https://www-mediawiki-org.translate.goog/wiki/Template_talk:OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span style="" title="Discuss this template">d</span></a><span style=""> <b>·</b> </span><a class="external text" href="https://www-mediawiki-org.translate.goog/w/index.php?title=Template:OOUI&action=edit&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB"><span style="" title="Edit this template">e</span></a></span></small></span></td> </tr> </tbody> </table> <style data-mw-deduplicate="TemplateStyles:r6870138">.mw-parser-output table.ambox{margin:0 10%;width:unset;border:1px solid var(--border-color-base,#a2a9b1);border-left:10px solid var(--border-color-progressive,#36c);background-color:var(--background-color-neutral-subtle,#f8f9fa);box-sizing:border-box}.mw-parser-output table.ambox+table.ambox,.mw-parser-output table.ambox+link+table.ambox,.mw-parser-output table.ambox+style+table.ambox{margin-top:-1px}.mw-parser-output .ambox td.mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox th.mbox-text,.mw-parser-output .ambox td.mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox td.mbox-image{padding:2px 0 2px 0.5em}.mw-parser-output .ambox td.mbox-imageright{padding:2px 0.5em 2px 0}.mw-parser-output table.ambox-notice{border-left-color:var(--border-color-progressive,#36c)}.mw-parser-output table.ambox-speedy{background-color:var(--background-color-error-subtle,#fee7e6)}.mw-parser-output table.ambox-delete,.mw-parser-output table.ambox-speedy{border-left-color:var(--background-color-error--active,#b32424)}.mw-parser-output table.ambox-content{border-left-color:#f28500}.mw-parser-output table.ambox-style{border-left-color:#fc3}.mw-parser-output table.ambox-move{border-left-color:#9932cc}.mw-parser-output table.ambox-protection{border-left-color:var(--border-color-base,#a2a9b1)}html body.mediawiki .mw-parser-output .ambox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;box-sizing:border-box;width:238px;font-size:88%;line-height:1.25em}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;box-sizing:border-box;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}</style> <table class="ambox-notice box-Notice ambox plainlinks metadata" role="presentation"> <tbody> <tr> <td class="mbox-image"> <div style="width:52px"> <span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/40px-OOjs_UI_icon_information-progressive.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/60px-OOjs_UI_icon_information-progressive.svg.png 1.5x,https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/80px-OOjs_UI_icon_information-progressive.svg.png 2x" data-file-width="20" data-file-height="20"></span></span> </div></td> <td class="mbox-text"> <div class="mbox-text-span"> <p><b><a href="https://www-mediawiki-org.translate.goog/wiki/Codex?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Codex">Codex</a></b> with <a href="https://www-mediawiki-org.translate.goog/wiki/Vue.js?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Vue.js">Vue.js</a> as JavaScript framework<a class="external autonumber" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/">[1]</a> will replace OOUI in current and future user-interface product development!</p> See section <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Future_of_OOUI_alongside_Codex">#Future of OOUI alongside Codex</a> for more information. </div></td> </tr> </tbody> </table> <p><b>OOUI</b> allows developers to create responsive web user-interfaces and applications.</p> <p>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.</p> <p><b>The OOUI library contains:</b></p> <ul> <li>Ready-to-use widgets, layouts, and windows that can be instantiated directly or easily extended,</li> <li>A PHP server-side compatible output for cases where JavaScript is not supported,</li> <li>Elements that can be easily mixed and matched to create custom user interfaces.</li> </ul> <p><b>OOUI is available in <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Core?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Core">MediaWiki Core</a></b>, as well as on <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.npmjs.com/package/oojs-ui">npm</a>, <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://packagist.org/packages/oojs/oojs-ui">Composer</a>, and through <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://cdnjs.com/libraries/oojs-ui">cdnjs</a>. OOUI implements a "<a href="https://www-mediawiki-org.translate.goog/wiki/Wikimedia_User_Interface?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-redirect" title="Wikimedia User Interface">WikimediaUI</a>" theme – conforming to <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://doc.wikimedia.org/codex/main/style-guide/overview.html">Wikimedia Foundation's design style guide</a>. Interfaces built within MediaWiki use this theme by default, though different MediaWiki skins <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Using_OOUI_in_MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#Using_themes" title="Special:MyLanguage/OOUI/Using OOUI in MediaWiki">can and do over-ride this</a>. See <b><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOUI/Using_OOUI_in_MediaWiki?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOUI/Using OOUI in MediaWiki">documentation about using OOUI in MediaWiki</a></b>. It is successfully in use in 40+ web products by Wikimedia Foundation and volunteer developers. Community-created <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://www.npmjs.com/package/@types/oojs-ui">TypeScript definitions</a> for OOUI exist (they work in JavaScript projects as well in popular IDEs).</p> <p>Note that the library was originally created for the entire user interface of <a href="https://www-mediawiki-org.translate.goog/wiki/VisualEditor?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="VisualEditor">VisualEditor</a>, on top of the <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/OOjs?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/OOjs">OOjs primer</a> (Object-Oriented JavaScript, hence OOUI's former name "<i>OOjs UI</i>"). It has later been extended to serve MediaWiki Core with PHP implemented widgets or responsive interfaces in project <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Reading/Web/Advanced_mobile_contributions?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Reading/Web/Advanced mobile contributions">Advanced Mobile Contributions</a>.</p> <p>OOUI is pronounced <i>oh-oh-you-eye</i>.</p> <p><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://gerrit.wikimedia.org/g/oojs/ui/" class="extiw" title="git:oojs/ui/">The source code</a> is hosted on <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Gerrit/Tutorial?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Gerrit/Tutorial">Gerrit</a> and <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://github.com/wikimedia/oojs-ui">mirrored on GitHub</a>.</p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"> <h2 id="Future_of_OOUI_alongside_Codex" data-mw-thread-id="h-Future_of_OOUI_alongside_Codex"><span data-mw-comment-start="" id="h-Future_of_OOUI_alongside_Codex"></span>Future of OOUI alongside Codex<span data-mw-comment-end="h-Future_of_OOUI_alongside_Codex"></span></h2> </div> <p><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Codex?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Codex">Codex</a>'s toolkit will replace OOUI as the default user interface library. Currently development at the Wikimedia Foundation is focused on Codex, the <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://en.wikipedia.org/wiki/Design_system" class="extiw" title="w:Design system">design system</a> for Wikimedia. It features guidelines and a set of tools: design tokens, components, and icons.</p> <p>New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.</p> <p>Note that in JS-only gadgets and userscripts, Codex <i>can't replace</i> OOUI as of September 2023, at least not in any practical way. For gadget/userscript developers, there is currently no successor for OOUI available. You can participate in the discussion about <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/T313945" class="extiw" title="phab:T313945">enabling Codex for gadgets and userscripts</a>.</p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"> <h2 id="Documentation" data-mw-thread-id="h-Documentation"><span data-mw-comment-start="" id="h-Documentation"></span>Documentation<span data-mw-comment-end="h-Documentation"></span></h2> </div> <p>See the sidebar for a full list of documentation subpages.</p> <div class="mw-heading mw-heading2 ext-discussiontools-init-section"> <h2 id="See_also" data-mw-thread-id="h-See_also"><span data-mw-comment-start="" id="h-See_also"></span>See also<span data-mw-comment-end="h-See_also"></span></h2> </div> <ul> <li><a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://doc.wikimedia.org/oojs-ui/master/js/"><b>API documentation</b></a> generated from the source code on doc.wikimedia.org</li> <li><a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://doc.wikimedia.org/oojs-ui/master/demos/"><b>Interactive demos online</b></a> and in the project's <code>demos</code> directory</li> <li><a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://doc.wikimedia.org/oojs-ui/master/demos/tutorials/index.html"><b>A tutorial on building a Todo list application</b> using OOUI step by step</a></li> <li><a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://jsfiddle.net/bkdp478f/"><b>OOJS/OOUI kick starter</b></a> — Ready to code and demo user interface.</li> </ul> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r6870138"> <table class="ambox ambox-notice plainlinks metadata" role="presentation"> <tbody> <tr> <td class="mbox-image"> <div style="width:52px"> <span typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/40px-OOjs_UI_icon_information-progressive.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/60px-OOjs_UI_icon_information-progressive.svg.png 1.5x,https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/OOjs_UI_icon_information-progressive.svg/80px-OOjs_UI_icon_information-progressive.svg.png 2x" data-file-width="20" data-file-height="20"></span></span> </div></td> <td class="mbox-text"> <div class="mbox-text-span"> <a class="mw-selflink selflink">OOUI</a> is maintained by <b>the <a href="https://www-mediawiki-org.translate.goog/wiki/Design_System_Team?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Design System Team">Design System Team</a></b>. <p>Get help:</p> <ul> <li><span typeof="mw:File"><a href="https://www-mediawiki-org.translate.goog/wiki/File:OOjs_UI_icon_speechBubbles-ltr-progressive.svg?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/OOjs_UI_icon_speechBubbles-ltr-progressive.svg/16px-OOjs_UI_icon_speechBubbles-ltr-progressive.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/OOjs_UI_icon_speechBubbles-ltr-progressive.svg/24px-OOjs_UI_icon_speechBubbles-ltr-progressive.svg.png 1.5x,https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/OOjs_UI_icon_speechBubbles-ltr-progressive.svg/32px-OOjs_UI_icon_speechBubbles-ltr-progressive.svg.png 2x" data-file-width="20" data-file-height="20"></a></span> <style data-mw-deduplicate="TemplateStyles:r6651115">.mw-parser-output .irc-connect>a{color:green}@media screen{html.skin-theme-clientpref-night .mw-parser-output .irc-connect>a{color:#12c812}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .irc-connect>a{color:#12c812}}</style><span class="plainlinks" style="font-family: monospace,Courier; white-space: pre-wrap !important; word-wrap: break-word; max-width: 1200px; overflow: auto;" title="#wikimedia-editing on Libera.Chat IRC"><a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=ircs://irc.libera.chat:6697/wikimedia-editing">#wikimedia-editing</a></span> <sup class="plainlinks irc-connect"><a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://web.libera.chat/?channel%3D%23wikimedia-editing">connect</a></sup> ← Live chat (<a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/MediaWiki_on_IRC?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/MediaWiki on IRC">IRC</a>)</li> <li><span typeof="mw:File"><a href="https://www-mediawiki-org.translate.goog/wiki/File:OOjs_UI_icon_message-progressive.svg?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/7/7e/OOjs_UI_icon_message-progressive.svg/16px-OOjs_UI_icon_message-progressive.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/OOjs_UI_icon_message-progressive.svg/24px-OOjs_UI_icon_message-progressive.svg.png 1.5x,https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/OOjs_UI_icon_message-progressive.svg/32px-OOjs_UI_icon_message-progressive.svg.png 2x" data-file-width="20" data-file-height="20"></a></span> <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://lists.wikimedia.org/mailman/listinfo/wikitech-l">wikitech-l</a> ← <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Mailing_lists?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Mailing lists">Mailing list</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/Mailing_lists?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Mailing lists"> </a></span></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Talk:OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Talk:OOUI">Talk:OOUI</a> ← <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Help:Talk_pages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Help:Talk pages">Talk page</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/Help:Talk_pages?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Help:Talk pages"> </a></span></li> <li><span typeof="mw:File"><a href="https://www-mediawiki-org.translate.goog/wiki/File:Favicon-Phabricator-WM.svg?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Favicon-Phabricator-WM.svg/16px-Favicon-Phabricator-WM.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Favicon-Phabricator-WM.svg/24px-Favicon-Phabricator-WM.svg.png 1.5x,https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Favicon-Phabricator-WM.svg/32px-Favicon-Phabricator-WM.svg.png 2x" data-file-width="592" data-file-height="592"></a></span> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/tag/ooui" class="extiw" title="phab:tag/ooui">ooui</a> (<span class="plainlinks"><a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://phabricator.wikimedia.org/maniphest/task/edit/form/1/?tags%3Dooui">add task</a></span>) ← <a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Phabricator?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:MyLanguage/Phabricator">Phabricator</a><span style="display:none"><a href="https://www-mediawiki-org.translate.goog/wiki/Phabricator?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Phabricator"> </a></span> project page</li> </ul> </div></td> </tr> </tbody> </table>   </div> <noscript> <img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"> </noscript> <div class="printfooter" data-nosnippet=""> Retrieved from "<a dir="ltr" href="https://www-mediawiki-org.translate.goog/w/index.php?title=OOUI&oldid=6727929&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">https://www.mediawiki.org/w/index.php?title=OOUI&oldid=6727929</a>" </div> </div> <div id="catlinks" class="catlinks" data-mw="interface"> <div id="mw-normal-catlinks" class="mw-normal-catlinks"> <a href="https://www-mediawiki-org.translate.goog/wiki/Special:Categories?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Special:Categories">Categories</a>: <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects">WMF Projects</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:OOUI">OOUI</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:Libraries?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:Libraries">Libraries</a></li> </ul> </div> <div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden"> Hidden categories: <ul> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2013q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2013q4">WMF Projects 2013q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2014q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2014q1">WMF Projects 2014q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2014q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2014q2">WMF Projects 2014q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2014q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2014q3">WMF Projects 2014q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2014q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2014q4">WMF Projects 2014q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2015q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2015q1">WMF Projects 2015q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2015q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2015q2">WMF Projects 2015q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2015q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2015q3">WMF Projects 2015q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2015q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2015q4">WMF Projects 2015q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2016q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2016q1">WMF Projects 2016q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2016q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2016q2">WMF Projects 2016q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2016q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2016q3">WMF Projects 2016q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2016q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2016q4">WMF Projects 2016q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2017q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2017q1">WMF Projects 2017q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2017q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2017q2">WMF Projects 2017q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2017q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2017q3">WMF Projects 2017q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2017q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2017q4">WMF Projects 2017q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2018q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2018q1">WMF Projects 2018q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2018q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2018q2">WMF Projects 2018q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2018q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2018q3">WMF Projects 2018q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2018q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2018q4">WMF Projects 2018q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2019q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2019q1">WMF Projects 2019q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2019q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2019q2">WMF Projects 2019q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2019q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2019q3">WMF Projects 2019q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2019q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2019q4">WMF Projects 2019q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2020q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2020q1">WMF Projects 2020q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2020q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2020q2">WMF Projects 2020q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2020q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2020q3">WMF Projects 2020q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2020q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2020q4">WMF Projects 2020q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2021q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2021q1">WMF Projects 2021q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2021q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2021q2">WMF Projects 2021q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2021q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2021q3">WMF Projects 2021q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2021q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2021q4">WMF Projects 2021q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2022q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2022q1">WMF Projects 2022q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2022q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2022q2">WMF Projects 2022q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2022q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2022q3">WMF Projects 2022q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2022q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2022q4">WMF Projects 2022q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2023q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2023q1">WMF Projects 2023q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2023q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2023q2">WMF Projects 2023q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2023q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2023q3">WMF Projects 2023q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2023q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2023q4">WMF Projects 2023q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2024q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2024q1">WMF Projects 2024q1</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2024q2?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2024q2">WMF Projects 2024q2</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2024q3?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2024q3">WMF Projects 2024q3</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2024q4?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2024q4">WMF Projects 2024q4</a></li> <li><a href="https://www-mediawiki-org.translate.goog/wiki/Category:WMF_Projects_2025q1?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" title="Category:WMF Projects 2025q1">WMF Projects 2025q1</a></li> </ul> </div> </div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer"> <ul id="footer-info"> <li id="footer-info-lastmod">This page was last edited on 29 August 2024, at 11:05.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. Text in <a class="external text" href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Help:Contents?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">the Help: namespace</a> is available under the <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 License</a>. By using this site, you agree to the <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and <a class="external text" href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy</a>.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:About?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">About mediawiki.org</a></li> <li id="footer-places-disclaimers"><a href="https://www-mediawiki-org.translate.goog/wiki/Project:General_disclaimer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://www-mediawiki-org.translate.goog/wiki/Special:MyLanguage/Code_of_Conduct?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://stats.wikimedia.org/%23/www.mediawiki.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://m.mediawiki.org/w/index.php?title%3DOOUI%26mobileaction%3Dtoggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=en-GB&u=https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"> <picture> <source media="(min-width: 500px)" srcset="https://www-mediawiki-org.translate.goog/static/images/footer/wikimedia-button.svg?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" width="84" height="29"> <img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"> </picture></a></li> <li id="footer-poweredbyico"><a href="https://www-mediawiki-org.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"> <picture> <source media="(min-width: 500px)" srcset="https://www-mediawiki-org.translate.goog/w/resources/assets/poweredby_mediawiki.svg?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB" width="88" height="31"> <img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"> </picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"><button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"><input class="cdx-text-input__input" type="search" name="search" placeholder="Search mediawiki.org"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div><input type="hidden" name="title" value="Special:Search"> </div><button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left"><input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents"> <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true"><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true"> <span class="mw-page-title-main">OOUI</span> </div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"><a href="https://www-mediawiki-org.translate.goog/wiki/OOUI?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en-GB#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Add topic</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-fd9f956dc-mzb72","wgBackendResponseTime":150,"wgDiscussionToolsPageThreads":[{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Future_of_OOUI_alongside_Codex","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-Documentation","replies":[]},{"headingLevel":2,"name":"h-","type":"heading","level":0,"id":"h-See_also","replies":[]}],"wgPageParseReport":{"discussiontools":{"limitreport-timeusage":"0.013"},"limitreport":{"cputime":"0.325","walltime":"0.403","ppvisitednodes":{"value":2667,"limit":1000000},"postexpandincludesize":{"value":48810,"limit":2097152},"templateargumentsize":{"value":15289,"limit":2097152},"expansiondepth":{"value":18,"limit":100},"expensivefunctioncount":{"value":6,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":12676,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 233.765 1 -total"," 47.49% 111.016 1 Template:OOUI"," 45.95% 107.424 1 Template:Sidebar"," 42.35% 98.994 39 Template:Ll"," 26.79% 62.631 43 Template:Pagelang"," 25.85% 60.434 1 Template:Wikimedia_engineering_project_information"," 24.52% 57.323 78 Template:Translatable"," 14.01% 32.743 1 Template:Feedback/oojsui"," 13.16% 30.775 1 Template:Feedback"," 12.54% 29.316 1 Template:Notice"]},"scribunto":{"limitreport-timeusage":{"value":"0.068","limit":"10.000"},"limitreport-memusage":{"value":1199905,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-7d75c9d859-vhjbg","timestamp":"20250218105747","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"OOUI","url":"https:\/\/www.mediawiki.org\/wiki\/OOUI","sameAs":"http:\/\/www.wikidata.org\/entity\/Q61447639","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q61447639","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2013-10-24T21:08:24Z","dateModified":"2024-08-29T11:05:00Z","headline":"Object-Oriented User Interface library"}</script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>