Material Design notched outline web component
npm install @dev.mohe/mwc-notched-outline > IMPORTANT: The Material Web Components are a work in progress and subject to
> major changes until 1.0 release.
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-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.