[3.x] Implement Material Design 3 ("Material you")

Created on 15 January 2024, 9 months ago
Updated 4 June 2024, 4 months ago

Problem/Motivation

The Web implementation (ā€œMWCā€) was released Sep 26 2023

It is time to start a new 3.x branch of UI Suite Material theme: https://m3.material.io/develop/web

Doc: https://github.com/material-components/material-web/tree/main/docs

Proposed resolution

MWC 3 is Web Components only, so it is a perfect opportunity to test UI Suite with this technology.

Examples:

<md-elevated-button>Elevated</md-elevated-button>
<md-outlined-button>Back</md-outlined-button>
<md-filled-button>Complete</md-filled-button>

Button component. Variants: Outlined, elevated & filled. 1 slot.

<md-dialog>
  <div slot="headline">
    Dialog title
  </div>
  <form slot="content" id="form-id" method="dialog">
    A simple dialog with free-form content.
  </form>
  <div slot="actions">
    <md-text-button form="form-id">Ok</md-text-button>
  </div>
</md-dialog>

Dialog component. 3 slots: hedaline, content, actions.

Branch is already created: https://git.drupalcode.org/project/ui_suite_material/-/tree/3.0.x

āœØ Feature request
Status

Active

Version

2.0

Component

Code

Created by

šŸ‡«šŸ‡·France pdureau Paris

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024