@dev.mohe/mwc-notched-outline NPM

`<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.

material design web components notched outline

@dev.mohe/mwc-base @material/notched-outline lit-element lit-html tslib

@infinitebrahmanuniverse/nolb-_dev_@everything-registry/sub-chunk-236 @dev.mohe/mwc-select @dev.mohe/mwc-textfield

0.19.3

4 years ago