{"id":343031,"date":"2026-07-20T11:47:17","date_gmt":"2026-07-20T11:47:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/axismundi-dialogs\/"},"modified":"2026-09-14T08:24:20","modified_gmt":"2026-09-14T08:24:20","slug":"axismundi-dialogs","status":"publish","type":"plugin","link":"https:\/\/en-ca.wordpress.org\/plugins\/axismundi-dialogs\/","author":21128503,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.3.1","stable_tag":"0.3.1","tested":"7.1.1","requires":"7.1","requires_php":"8.1","requires_plugins":null,"header_name":"Axismundi Dialogs","header_author":"KIM JIWOON","header_description":"Accessible Material Design 3 side \/ bottom sheet host for Axismundi. The block owns the trigger and the native host; a Sheet template part owns the content and layout.","assets_banners_color":"","last_updated":"2026-09-14 08:24:20","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/Jiwoon-Kim\/axismundi\/tree\/main\/products\/wordpress\/plugins\/axismundi-dialogs","header_author_uri":"https:\/\/designbusan.ai.kr","rating":0,"author_block_rating":0,"active_installs":0,"downloads":419,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.3.1":{"tag":"0.3.1","author":"kimjiwoon","date":"2026-09-14 08:24:20","revision":3694782}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3694837,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/dialogs-vqa\\\/\",\"preferredVersions\":{\"php\":\"8.3\",\"wp\":\"latest\"},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installTheme\",\"themeData\":{\"resource\":\"wordpress.org\\\/themes\",\"slug\":\"axismundi\"},\"options\":{\"activate\":true}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"axismundi-dialogs\"},\"options\":{\"activate\":true}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"axismundi-theme-switcher\"},\"options\":{\"activate\":true,\"onError\":\"skip-plugin\"}},{\"step\":\"runPHP\",\"code\":\"get_registered( 'axismundi-dialogs\\\/dialog-surface-' . $name );\\n\\treturn $pattern ? $pattern['content'] : '';\\n}\\n\\nfunction axismundi_vqa_with_root_attrs( $content, $attrs ) {\\n\\t$blocks = parse_blocks( $content );\\n\\tforeach ( $blocks as $i => $block ) {\\n\\t\\tif ( 'axismundi\\\/dialog' === $block['blockName'] ) {\\n\\t\\t\\t$blocks[ $i ]['attrs'] = array_merge( (array) $block['attrs'], $attrs );\\n\\t\\t\\tbreak;\\n\\t\\t}\\n\\t}\\n\\treturn serialize_blocks( $blocks );\\n}\\n\\n$parts = array(\\n\\t'dialog-basic' => array( 'Dialog - Basic', 'basic', array() ),\\n\\t'dialog-basic-icon' => array( 'Dialog - Basic with icon', 'basic-icon', array() ),\\n\\t'dialog-list' => array( 'Dialog - List', 'list', array() ),\\n\\t'dialog-dismiss-none' => array( 'Dialog - Basic, no light dismiss', 'basic', array( 'dismissal' => 'none' ) ),\\n\\t'dialog-full-screen' => array( 'Dialog - Full screen', 'full-screen', array() ),\\n\\t'sheets-bottom' => array( 'Sheets - Bottom', 'bottom-sheet', array() ),\\n\\t'sheets-side' => array( 'Sheets - Side', 'side-sheet-modal', array() ),\\n\\t'sheets-side-start' => array( 'Sheets - Side, start edge', 'side-sheet-modal', array( 'edge' => 'start' ) ),\\n\\t'sheets-side-standard' => array( 'Sheets - Side, standard (resize)', 'side-sheet-standard', array() ),\\n\\t'sheets-side-standard-move' => array( 'Sheets - Side, standard (move)', 'side-sheet-standard', array( 'pageShare' => 'move' ) ),\\n);\\n\\nforeach ( $parts as $slug => list( $title, $pattern, $attrs ) ) {\\n\\t$content = axismundi_vqa_pattern( $pattern );\\n\\tif ( '' === $content ) {\\n\\t\\tcontinue;\\n\\t}\\n\\tif ( $attrs ) {\\n\\t\\t$content = axismundi_vqa_with_root_attrs( $content, $attrs );\\n\\t}\\n\\t$id = wp_insert_post(\\n\\t\\tarray(\\n\\t\\t\\t'post_type' => 'wp_template_part',\\n\\t\\t\\t'post_status' => 'publish',\\n\\t\\t\\t'post_name' => $slug,\\n\\t\\t\\t'post_title' => $title,\\n\\t\\t\\t'post_content' => $content,\\n\\t\\t)\\n\\t);\\n\\tif ( $id && ! is_wp_error( $id ) ) {\\n\\t\\twp_set_object_terms( $id, get_stylesheet(), 'wp_theme' );\\n\\t\\twp_set_object_terms( $id, 'dialog-surface', 'wp_template_part_area' );\\n\\t}\\n}\\n\\n$content = <<<'HTML'\\n\\n

Every control on this page is a real block with its saved settings. Open the surfaces, press the toggles, hover the icons, and switch the colour scheme at the bottom.<\\\/p>\\n\\n\\n\\n

Dialogs and sheets<\\\/h2>\\n\\n\\n\\n

Each button opens a Dialog Surface template part. The part renders once at the end of the page, however many buttons open it.<\\\/p>\\n\\n\\n\\n

\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Dialog layouts<\\\/h3>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Side sheets<\\\/h3>\\n\\n\\n\\n

A standard side sheet stays open beside the page and resizes or moves it. Below 600 pixels it opens as a modal.<\\\/p>\\n\\n\\n\\n

\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

One part, three triggers<\\\/h3>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Navigation overlay<\\\/h2>\\n\\n\\n\\n
<\\\/div>\\n\\n\\n\\n

Icons<\\\/h2>\\n\\n\\n\\n

Core Icon beside Dialog Icon from the Icon Registry and from the icon font, with the font's Fill axis at 0 and 1.<\\\/p>\\n\\n\\n\\n

\\n\\n\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Buttons<\\\/h2>\\n\\n\\n\\n

Colour styles<\\\/h3>\\n\\n\\n\\n
\\n\\n\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Sizes and widths<\\\/h3>\\n\\n\\n\\n
\\n\\n\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Selection<\\\/h3>\\n\\n\\n\\n

Single choice, single choice that cannot be empty, and several at once. Disabled buttons sit in the first group.<\\\/p>\\n\\n\\n\\n

\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Icon states<\\\/h2>\\n\\n\\n\\n

Hover or focus to preview the selected state, then press to keep it: Like fills, Repost turns, Expand swaps to a second Icon Registry icon.<\\\/p>\\n\\n\\n\\n

\\n\\n\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n
\\n\\n\\n\\n<\\\/div>\\n\\n\\n\\n

Colour scheme<\\\/h2>\\n\\n\\n\\n\\n\\nHTML;\\n\\n\\\/\\\/ The blueprint's landingPage opens this page by its slug.\\nwp_insert_post(\\n\\tarray(\\n\\t\\t'post_title' => 'Plugin VQA - Axismundi Dialogs',\\n\\t\\t'post_name' => 'dialogs-vqa',\\n\\t\\t'post_type' => 'page',\\n\\t\\t'post_status' => 'publish',\\n\\t\\t'post_content' => $content,\\n\\t)\\n);\\n\"}]}"}},"all_blocks":{"axismundi\/dialog-icon":{"apiVersion":3,"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","name":"axismundi\/dialog-icon","title":"Dialog Icon","category":"media","description":"An icon from the theme's icon font or the WordPress Icon Registry. Also the leading icon of a basic dialog header.","keywords":["icon","svg","dialog"],"textdomain":"axismundi-dialogs","attributes":{"icon":{"type":"string","role":"content"},"flipHorizontal":{"type":"boolean","default":false},"flipVertical":{"type":"boolean","default":false},"rotation":{"type":"number","default":0},"iconSource":{"type":"string","enum":["font","registry"]},"iconClass":{"type":"string","default":"material-symbols-outlined"},"tagName":{"type":"string","enum":["span","div"],"default":"span"}},"supports":{"anchor":true,"ariaLabel":{"__experimentalSkipSerialization":true},"align":["left","center","right"],"html":false,"color":{"__experimentalSkipSerialization":true,"__experimentalDefaultControls":{"background":true,"text":true}},"typography":{"fontSize":true,"__experimentalSkipSerialization":["fontSize"]},"interactivity":{"clientNavigation":true},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalSkipSerialization":true,"__experimentalDefaultControls":{"color":false,"radius":false,"style":false,"width":false}},"spacing":{"padding":true,"margin":true,"__experimentalSkipSerialization":["padding"],"__experimentalDefaultControls":{"margin":false,"padding":false}},"dimensions":{"width":true,"__experimentalSkipSerialization":["width"],"__experimentalDefaultControls":{"width":true}}},"selectors":{"root":".wp-block-axismundi-dialog-icon svg","css":".wp-block-axismundi-dialog-icon","spacing":{"margin":".wp-block-axismundi-dialog-icon"}},"editorScript":"file:.\/edit.js","style":"axismundi-dialog-icon","editorStyle":"axismundi-dialog-icon-editor","render":"file:.\/render.php"},"axismundi\/post-quick-view":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/post-quick-view","version":"0.1.6","title":"Post Quick View","category":"theme","icon":"welcome-view-site","description":"A single per-page dialog that shows a selected post's quick view. Post Quick View Trigger blocks in a feed open it, and it fetches the post fragment on demand \u2014 so the page never renders one dialog per post. Place one per page (e.g. before the footer).","keywords":["dialog","quick view","comments","feed"],"textdomain":"axismundi-dialogs","attributes":{},"supports":{"html":false,"align":false,"multiple":false,"reusable":false,"inserter":true},"example":{"attributes":{}},"editorScript":"file:.\/edit.js","editorStyle":"file:.\/style.css","style":"file:.\/style.css","viewScriptModule":"file:.\/view.js","render":"file:.\/render.php"},"axismundi\/dialog-button-group":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/dialog-button-group","title":"Dialog Button Group","category":"design","allowedBlocks":["axismundi\/dialog-button","axismundi\/dialog-icon-button"],"description":"A standard group of action buttons for a dialog or sheet.","keywords":["dialog","buttons","actions"],"textdomain":"axismundi-dialogs","attributes":{"size":{"type":"string","enum":["xsmall","small","medium","large","xlarge"]},"shape":{"type":"string","enum":["round","square"]},"buttonType":{"type":"string","enum":["label","icon"]},"distribution":{"type":"string","enum":["fill"]},"togglable":{"type":"boolean"},"selection":{"type":"string","enum":["single","multiple"]},"selectionRequired":{"type":"boolean"}},"providesContext":{"axismundi\/togglable":"togglable","axismundi\/selection":"selection","axismundi\/selectionRequired":"selectionRequired"},"variations":[{"name":"default","isDefault":true,"attributes":{"size":"small","shape":"round"}}],"supports":{"align":["wide","full"],"html":false,"spacing":{"blockGap":["horizontal","vertical"],"margin":["top","bottom"]},"layout":{"allowSwitching":false,"allowInheriting":false,"default":{"type":"flex"}},"listView":true,"interactivity":true},"editorScript":"file:.\/edit.js","viewScriptModule":"file:.\/view.js"},"axismundi\/object-media-dialog":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/object-media-dialog","version":"0.2.3","title":"Object Media Dialog","category":"media","icon":"format-gallery","description":"A single per-page dialog that shows an Object's attached media full size, with the post and the post it replies to beside it. Object Attachments blocks anywhere on the page open it, so a feed never renders one dialog per post. Place one per page (e.g. before the footer).","textdomain":"axismundi-dialogs","supports":{"html":false,"inserter":true,"multiple":false},"editorScript":"file:.\/edit.js","viewScript":"file:.\/view.js","style":"file:.\/style.css","render":"file:.\/render.php","attributes":{"variant":{"type":"string","default":"basic","enum":["basic","fullscreen"]}}},"axismundi\/post-quick-view-trigger":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/post-quick-view-trigger","version":"0.1.0","title":"Post Quick View Trigger","category":"theme","icon":"admin-comments","description":"A microblog-style comments action for a post \u2014 a Material Symbols icon plus the comment count. In v0.1 it links to the post's comments; a later phase will open a shared quick-view dialog. Place it inside a Post Template.","keywords":["comments","quick view","feed","action"],"textdomain":"axismundi-dialogs","usesContext":["postId","postType"],"attributes":{"displayMode":{"type":"string","default":"count"},"closedBehavior":{"type":"string","default":"disabled"}},"supports":{"html":false,"align":false,"color":{"text":true,"background":false},"typography":{"fontSize":true,"lineHeight":true},"spacing":{"margin":true,"padding":true}},"example":{"attributes":{}},"editorScript":"file:.\/edit.js","editorStyle":"file:.\/style.css","style":"file:.\/style.css","render":"file:.\/render.php"},"axismundi\/dialog":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/dialog","title":"Dialog","category":"theme","description":"The HTML dialog at the root of a Dialog Surface template part. Choose how it presents - a basic or full-screen dialog, a bottom or side sheet - and build its content inside.","keywords":["dialog","sheet","modal","drawer","surface"],"textdomain":"axismundi-dialogs","attributes":{"templateLock":{"type":["string","boolean"],"enum":["all","insert","contentOnly",false]},"presentation":{"type":"string","enum":["dialog-basic","dialog-full-screen","sheet-bottom","sheet-side"],"default":"dialog-basic"},"modality":{"type":"string","enum":["modal","standard"],"default":"modal"},"attachment":{"type":"string","enum":["docked","detached"],"default":"docked"},"edge":{"type":"string","enum":["start","end"],"default":"end"},"dismissal":{"type":"string","enum":["any","closerequest","none"],"default":"any"},"showDragHandle":{"type":"boolean","default":true},"pageShare":{"type":"string","enum":["resize","move"],"default":"resize"}},"supports":{"html":false,"reusable":false,"ariaLabel":true,"color":{"gradients":true,"heading":true,"button":true,"link":true,"__experimentalDefaultControls":{"background":true,"text":true}},"shadow":true,"spacing":{"padding":true,"blockGap":true,"__experimentalSkipSerialization":["blockGap"],"__experimentalDefaultControls":{"padding":true,"blockGap":true}},"dimensions":{"width":true,"minWidth":true,"minHeight":true},"layout":{"default":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"stretch"},"allowSwitching":false,"allowOrientation":false,"allowSizingOnChildren":true},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalLetterSpacing":true,"__experimentalDefaultControls":{"fontSize":true}},"allowedBlocks":true},"editorScript":"file:.\/edit.js","editorStyle":"file:.\/editor.css","style":"file:.\/style.css","viewScriptModule":"file:.\/view.js","render":"file:.\/render.php"},"axismundi\/dialog-button":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"axismundi\/dialog-button","title":"Dialog Button","category":"design","parent":["axismundi\/dialog-button-group"],"description":"An action button for a Dialog Button Group.","keywords":["dialog","button","action"],"textdomain":"axismundi-dialogs","attributes":{"tagName":{"type":"string","enum":["a","button"],"default":"button"},"type":{"type":"string","default":"button"},"size":{"type":"string","enum":["xsmall","small","medium","large","xlarge"]},"shape":{"type":"string","enum":["round","square"]},"togglable":{"type":"boolean"},"selected":{"type":"boolean"},"disabled":{"type":"boolean"},"action":{"type":"string","enum":["submit","reset","overlay","overlay-close","dialog-surface","dialog-surface-close"]},"actionTarget":{"type":"string"},"url":{"type":"string","role":"content"},"text":{"type":"string","role":"content"},"linkTarget":{"type":"string","role":"content"},"rel":{"type":"string","role":"content"},"placeholder":{"type":"string"},"showIcon":{"type":"boolean"},"iconSource":{"type":"string","enum":["font","registry"]},"icon":{"type":"string","role":"content"},"selectedIcon":{"type":"string","role":"content"},"fillOnSelect":{"type":"boolean"},"iconTransition":{"type":"string","enum":["fade","rotate","scale"]},"selectedRotation":{"type":"integer","enum":[45,90,180]},"iconPreviewOnHover":{"type":"boolean"},"iconClass":{"type":"string","default":"material-symbols-outlined"}},"usesContext":["axismundi\/togglable","axismundi\/selection","axismundi\/selectionRequired"],"selectors":{"root":".wp-block-button .wp-block-button__link","typography":{"writingMode":".wp-block-button"},"dimensions":{"root":".wp-block-button","width":".wp-block-button"}},"supports":{"splitting":true,"html":false,"reusable":false,"interactivity":true},"styles":[{"name":"fill","label":"Fill","isDefault":true}],"editorScript":"file:.\/edit.js","viewScriptModule":"file:..\/..\/assets\/overlay.js","render":"file:.\/render.php"},"axismundi\/dialog-icon-button":{"apiVersion":3,"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","name":"axismundi\/dialog-icon-button","title":"Dialog Icon Button","category":"design","description":"An icon-only action button for a Dialog Button Group.","keywords":["dialog","icon","button","action"],"textdomain":"axismundi-dialogs","parent":["axismundi\/dialog-button-group"],"attributes":{"tagName":{"type":"string","enum":["a","button"],"default":"button"},"type":{"type":"string","default":"button"},"size":{"type":"string","enum":["xsmall","small","medium","large","xlarge"]},"shape":{"type":"string","enum":["round","square"]},"width":{"type":"string","enum":["narrow","wide"]},"showTooltips":{"type":"boolean"},"togglable":{"type":"boolean"},"selected":{"type":"boolean"},"disabled":{"type":"boolean"},"action":{"type":"string","enum":["submit","reset","overlay","overlay-close","dialog-surface","dialog-surface-close"]},"actionTarget":{"type":"string"},"url":{"type":"string","role":"content"},"text":{"type":"string","role":"content"},"linkTarget":{"type":"string","role":"content"},"rel":{"type":"string","role":"content"},"iconSource":{"type":"string","enum":["font","registry"]},"icon":{"type":"string","role":"content"},"selectedIcon":{"type":"string","role":"content"},"fillOnSelect":{"type":"boolean"},"iconTransition":{"type":"string","enum":["fade","rotate","scale"]},"selectedRotation":{"type":"integer","enum":[45,90,180]},"iconPreviewOnHover":{"type":"boolean"},"iconClass":{"type":"string","default":"material-symbols-outlined"}},"usesContext":["axismundi\/togglable","axismundi\/selection","axismundi\/selectionRequired"],"selectors":{"root":".wp-block-button .wp-block-button__link","typography":{"writingMode":".wp-block-button"},"dimensions":{"root":".wp-block-button","width":".wp-block-button"}},"supports":{"html":false,"reusable":false,"interactivity":true},"styles":[{"name":"fill","label":"Fill","isDefault":true},{"name":"standard","label":"Standard"}],"editorScript":"file:.\/edit.js","editorStyle":"file:.\/editor.css","viewScript":"axismundi-dialogs-tooltip","viewScriptModule":"file:..\/..\/assets\/overlay.js","render":"file:.\/render.php"}},"tagged_versions":["0.3.1"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[280571,189743,4910,11493,280572],"plugin_category":[],"plugin_contributors":[270183],"plugin_business_model":[],"class_list":["post-343031","plugin","type-plugin","status-publish","hentry","plugin_tags-bottom-sheet","plugin_tags-button-group","plugin_tags-dialog","plugin_tags-material-design","plugin_tags-side-sheet","plugin_contributors-kimjiwoon","plugin_committers-kimjiwoon"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/axismundi-dialogs.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n

Axismundi Dialogs builds Material Design 3 dialogs and sheets, and the buttons\nthat open them, from native HTML and WordPress blocks.<\/p>\n\n

Dialog surfaces<\/h4>\n\n

A dialog or sheet is not a block placed in a post. It is a template part in the\nDialog Surface<\/strong> area, managed in the Site Editor the way core manages a\nNavigation Overlay: a button in a post or template names the part, and the part\nis rendered once, at the end of the page.<\/p>\n\n

The part's root is the Dialog<\/strong> block, a native <dialog><\/code> element. Its\npresentation is a choice of four:<\/p>\n\n

    \n
  • Dialog - Basic<\/strong> - a centred dialog.<\/li>\n
  • Dialog - Full screen<\/strong> - fills the window on compact screens and becomes a\nbasic dialog from 600px up.<\/li>\n
  • Sheets - Bottom<\/strong> - a bottom sheet with an optional drag handle. The handle\nmoves the sheet between its initial and expanded heights by click, keyboard,\ndrag or fling.<\/li>\n
  • Sheets - Side<\/strong> - a side sheet on the start or end edge.<\/li>\n<\/ul>\n\n

    Sheets can be modal or standard. A standard side sheet stays open beside the\npage and either resizes or moves the page to make room; on compact screens it\nopens as a modal. Content goes in Header, Content and Actions groups, and only\nContent scrolls.<\/p>\n\n

    Opening and closing are animated with Material 3 motion, and respect reduced\nmotion. The native dialog supplies the top layer, scrim, focus containment and\nfocus restoration; Escape and scrim dismissal follow the dialog's settings.<\/p>\n\n

    When a part is created in the Dialog Surface area, the Site Editor offers seven\nstarting designs: basic dialog, basic dialog with icon, list dialog, full-screen\ndialog, bottom sheet, modal side sheet and standard side sheet. The pattern is\nonly a start; the part made from it is yours to edit.<\/p>\n\n

    Buttons<\/h4>\n\n

    A Dialog Button Group<\/strong> holds Dialog Button<\/strong> and Dialog Icon Button<\/strong>\nblocks: a Material 3 standard button group. The group sets size, shape,\ndistribution and selection; each button carries its icon, toggle and disabled\nstate. The buttons render as WordPress buttons, so a theme's button styles apply\nto them, and they convert to and from core\/button<\/code>.<\/p>\n\n

    Each button's Action<\/strong> decides what it does, and the markup and ARIA follow\nfrom that choice: a command, a form submit or reset, opening or closing a\nDialog Surface, or opening or closing a Navigation Overlay template part.<\/p>\n\n

    A toggle, or a button whose surface is open, can swap to a selected icon, fill\na variable icon font, and move between the two with a fade, rotation or scale.\nPreview on hover shows that state under the pointer and keyboard focus.<\/p>\n\n

    The Dialog Icon<\/strong> block draws an icon from the theme's icon font or the\nWordPress Icon Registry; the same renderer paints the icons inside the buttons.<\/p>\n\n

    Per-page hubs<\/h4>\n\n

    Object Media Dialog<\/strong> and Post Quick View<\/strong> are single dialogs placed once\nper page. Blocks in a feed open them with the selected item, so a feed never\nrenders one hidden dialog per post. Post Quick View fetches the post on demand\nfrom this site's REST API; its trigger currently links to the post's comments.<\/p>\n\n\n

      \n
    1. Upload and activate the plugin. WordPress 7.1 or later is required.<\/li>\n
    2. In the Site Editor, create a template part in the Dialog Surface<\/strong> area and\npick a starting design.<\/li>\n
    3. Insert a Dialog Button Group<\/strong>, set a button's Action<\/strong> to open a Dialog\nSurface, and choose the part.<\/li>\n<\/ol>\n\n

      The buttons work with any block theme and carry their own fallbacks. Dialog\nsurfaces read the Material 3 colour, shape and motion tokens that Axismundi\nTheme provides; on another theme, define those --md-sys-*<\/code> tokens or the\nsurfaces render without their colours, corners and motion.<\/p>\n\n\n

      \n

      Does this plugin contact an external service?<\/h3><\/dt>\n

      No. Everything runs in WordPress with the native <dialog><\/code> element and the\nWordPress Interactivity API. Post Quick View requests only this site's own REST\nendpoint, which returns published, publicly viewable posts.<\/p><\/dd>\n

      Where did the Sheets, Sheet and Dialog blocks from 0.2 go?<\/h3><\/dt>\n

      They were replaced by Dialog Surface template parts in 0.3.0. See the\nchangelog.<\/p><\/dd>\n\n<\/dl>\n\n\n

      0.3.1<\/h4>\n\n
        \n
      • Distribution: Fill now fills on the page. The group widened each button's\nslot, but the button kept its own width at the start of it, so a filled\ngroup looked scattered on the front end while it looked right in the editor.<\/li>\n
      • Remove a development file (package-lock.json<\/code>) that the 0.3.0 package on\nWordPress.org included by mistake, doubling the plugin's installed size.<\/li>\n<\/ul>\n\n

        Earlier releases are listed in changelog.txt.<\/p>","raw_excerpt":"Material Design 3 dialogs, bottom sheets and side sheets kept as template parts, opened by accessible button groups.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/343031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=343031"}],"author":[{"embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/kimjiwoon"}],"wp:attachment":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=343031"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=343031"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=343031"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=343031"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=343031"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=343031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}