material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-10-27 22:17:25 +03:00
Code Issues Projects Releases Wiki Activity
210cc7b59f
material-web/packages/notched-outline
History
Brian Taylor Vann e398743cab v0.25.2
2021-10-11 21:48:48 +00:00
..
.npmignore chore: ignore source typescript files from npm packages (#1742) 2020-08-28 18:24:21 -07:00
mwc-notched-outline-base.ts chore: just import 'lit', it's cleaner 2021-09-27 11:28:08 -07:00
mwc-notched-outline.scss Docs: change license header to SPDX short form 2021-05-17 16:48:25 -07:00
mwc-notched-outline.ts chore: just import 'lit', it's cleaner 2021-09-27 11:28:08 -07:00
package.json v0.25.2 2021-10-11 21:48:48 +00:00
README.md feat: add custom property support for select, textfield, and notched outline 2020-06-30 14:41:03 -07:00
tsconfig.json chore: remove src folder from packages in GitHub (#1706) 2020-08-17 17:59:35 -07:00

README.md

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