IMPORTANT: The Material Web Components are a work in progress and subject to major changes until 1.0 release.
<mwc-notched-outline> is an element that is not meant to be consumed
externally. It is the outline element that can create a notch that is used in
outlined textfields and dropdown menus.
Material Design Guidelines: textfields
Material Design Guidelines: exposed dropdown menu
| Name | Default | Description |
|---|---|---|
--mdc-theme-primary |
#6200ee |
Color of a floating, slotted FloatingLabel and outline. |
--mdc-notched-outline-leading-width |
12px |
Width of the leading section of the outline (left of notch in LTR). |
--mdc-notched-outline-leading-border-radius |
4px 0 0 4px |
Radius of the border on the leading end. May require setting --mdc-notched-outline-leading-width to accomodate for the new radius |
--mdc-notched-outline-trailing-border-radius |
0 4px 4px 0 |
Radius of the border on the trailing end. |
--mdc-notched-outline-stroke-width |
1px |
Outline width. |