Socket
Socket
Sign inDemoInstall

@material/mwc-notched-outline

Package Overview
Dependencies
18
Maintainers
15
Versions
707
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @material/mwc-notched-outline

Material Design notched outline web component


Version published
Weekly downloads
17K
increased by21.25%
Maintainers
15
Install size
3.24 MB
Created
Weekly downloads
 

Readme

Source

<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

NameDefaultDescription
--mdc-theme-primary#6200eeColor of a floating, slotted FloatingLabel and outline.
--mdc-shape-small4pxRadius of the border.
--mdc-notched-outline-stroke-width1pxOutline width.
--mdc-notched-outline-notch-offset0Padding-top to apply to notch when open to compensate for border width box size
--mdc-notched-outline-border-colornoneSets the border / outline color.

Keywords

FAQs

Last updated on 12 Aug 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc