React Notched Outline

A React version of an MDC Notched Outline.

Installation

``
npm install @material/react-notched-outline
`

Usage

$3

with Sass:
`js
import '@material/react-notched-outline/index.scss';
`

with CSS:
`js
import '@material/react-notched-outline/dist/notched-outline.css';
`

$3

`js
import NotchedOutline from '@material/react-notched-outline';
import FloatingLabel from '@material/react-floating-label';

const MyComponent = () => {
return (

My Label

);
}
`

#### Variant with No Notch

`js
import NotchedOutline from '@material/react-notched-outline';

const MyComponent = () => {
return (

My Label


);
}
``

Props

Prop Name | Type | Description
--- | --- | ---
className | String | Classes to be applied to the root element.
notch | Boolean | Toggles between notched outline and idle outline state.
notchWidth | Number | Width of the notch in the outline.

Sass Mixins

Sass mixins may be available to customize various aspects of the Components. Please refer to the
MDC Web repository for more information on what mixins are available, and how to use them.

Advanced Sass Mixins