firefox-main/browser/components/widgets/content
Name Description Size Coverage
moz-widget-header.css 1265 -
moz-widget-header.mjs The header of a `moz-widget`, placed in its `header` slot. @property {string} title - The heading text. @property {string} menuLabel - The accessible name of the menu button. Defaults to "More options". @property {string} menuId - The id of the `panel-list` the menu button opens when the `menu` slot is empty. Set by `moz-widget` from its `menu` slot. @slot leading - Content before the heading, such as a back button or badge. @slot trailing - Content at the end of the header. @slot menu - A `panel-list`. @csspart heading - The heading element. 3113 100 %
moz-widget.css 2189 -
moz-widget.mjs Hosts a self-contained, interactive widget for brief interactions. It clips embedded content to the bounds set by the `size` attribute. If `src` is set, the widget content is loaded in a `<browser>` child in chrome documents and an `<iframe>` in content documents. Otherwise the default slot is used. In its error state it draws the error slot over the content and fires `widget-error`. A ready widget fires `widget-ready`, whether it recovered or has just loaded. A host should always slot error content, or a failing widget leaves an empty card. An `<iframe>` that fails to load is an error, and one that loads is ready if `readyOnLoad` is set. Otherwise its host calls `reportError()` and `reportReady()` when appropriate. A `<browser>` widget cannot report for itself, because it is a top-level browsing context, so a chrome host calls both. `reportError(reason)` passes the reason on as `widget-error`'s `detail.reason`. @property {string} widgetId - The widget's registered ID. @property {string} title - The widget's accessible name, taken off the host element. @property {string} size - `small`, `medium`, or `large`. Defaults to `large`. @property {boolean} padded - Insets the header and content. @property {string} menuLabel - The accessible name of the menu button drawn without a header. Defaults to "More options". @property {string} src - A widget document URL. @property {boolean} readyOnLoad - Whether an iframe load reports ready. Defaults to false; attribute `ready-on-load`. @property {string} remoteType - The remote type a `<browser>` frame loads in. @property {number} browsingContextGroupId - The browsing context group a `<browser>` frame's initial load joins. @property {boolean} error - Whether the widget failed. Covers the content with the error content. @slot header - A `moz-widget-header` shown above the content. @slot menu - A `panel-list`, opened by the header's menu button, or by a menu button over the content without a header. @slot default - Widget content used when `src` is not set. @slot error - Error content shown over the widget content while `error` is set. 11307 99 %
moz-widget.stories.md 7340 -
moz-widget.stories.mjs 5962 -
sidebar-widget-studio.css The shared panel header provides the close button in this mode. 1098 -
sidebar-widget-studio.html 1369 -
sidebar-widget-studio.mjs The widgets sidebar panel. 1155 100 %