mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 22:17:25 +03:00
.. | ||
.npmignore | ||
mwc-notched-outline-base.ts | ||
mwc-notched-outline.scss | ||
mwc-notched-outline.ts | ||
package.json | ||
README.md | ||
tsconfig.json |
<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. |