@material/mwc-notched-outline
v0.27.0 material design web components notched outline
<mwc-notched-outline> 
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
CSS Custom Properties
| Name | Default | Description |
|---|---|---|
--mdc-theme-primary |
#6200ee |
Color of a floating, slotted FloatingLabel and outline. |
--mdc-shape-small |
4px |
Radius of the border. |
--mdc-notched-outline-stroke-width |
1px |
Outline width. |
--mdc-notched-outline-notch-offset |
0 |
Padding-top to apply to notch when open to compensate for border width box size |
--mdc-notched-outline-border-color |
none | Sets the border / outline color. |
npm i @material/mwc-notched-outline
Metadata
- Apache-2.0
- Whatever
- Unknown
- released 8/12/2022