@dev.mohe/mwc-notched-outline
TypeScript icon, indicating that this package has built-in type declarations

0.19.3 • Public • Published

<mwc-notched-outline> Published on npm

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.

/@dev.mohe/mwc-notched-outline/

    Package Sidebar

    Install

    npm i @dev.mohe/mwc-notched-outline

    Weekly Downloads

    0

    Version

    0.19.3

    License

    Apache-2.0

    Unpacked Size

    36.7 kB

    Total Files

    13

    Last publish

    Collaborators

    • dev.mohe