0.7.9 • Published 5 years ago
closure-react-notched-outline v0.7.9
React Notched Outline
A React version of an MDC Notched Outline.
Installation
npm install @material/react-notched-outlineUsage
Styles
with Sass:
import '@material/react-notched-outline/index.scss';with CSS:
import '@material/react-notched-outline/dist/notched-outline.css';Javascript Instantiation
import NotchedOutline from '@material/react-notched-outline';
const MyComponent = () => {
return (
<NotchedOutline />
);
}Props
| Prop Name | Type | Description |
|---|---|---|
| className | String | Classes to be applied to the root element. |
| isRtl | Boolean | Shifts notch to right side if true. |
| 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.