Skip to content
This repository was archived by the owner on Jan 14, 2025. It is now read-only.

Commit 4dbc8b8

Browse files
author
Matt Goo
committed
feat(notched-outline): update to v1.1.1 (#806)
1 parent ea15a2a commit 4dbc8b8

File tree

15 files changed

+334
-293
lines changed

15 files changed

+334
-293
lines changed

package-lock.json

Lines changed: 80 additions & 41 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
"linear-progress",
4242
"list",
4343
"menu-surface",
44+
"notched-outline",
4445
"radio",
4546
"ripple",
4647
"select",
@@ -77,7 +78,7 @@
7778
"@material/linear-progress": "^1.1.0",
7879
"@material/list": "^1.0.0",
7980
"@material/menu-surface": "^1.0.1",
80-
"@material/notched-outline": "^0.41.0",
81+
"@material/notched-outline": "^1.1.1",
8182
"@material/radio": "^1.1.0",
8283
"@material/ripple": "^1.0.0",
8384
"@material/select": "^0.40.1",

packages/notched-outline/README.md

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,28 @@ import '@material/react-notched-outline/dist/notched-outline.css';
2626

2727
```js
2828
import NotchedOutline from '@material/react-notched-outline';
29+
import FloatingLabel from '@material/react-floating-label';
2930

3031
const MyComponent = () => {
3132
return (
32-
<NotchedOutline />
33+
<NotchedOutline notch>
34+
<FloatingLabel float>My Label</FloatingLabel>
35+
</NotchedOutline>
36+
);
37+
}
38+
```
39+
40+
#### Variant with No Notch
41+
42+
```js
43+
import NotchedOutline from '@material/react-notched-outline';
44+
45+
const MyComponent = () => {
46+
return (
47+
<React.Fragment>
48+
<label>My Label</label>
49+
<NotchedOutline />
50+
</React.Fragment>
3351
);
3452
}
3553
```
@@ -39,7 +57,6 @@ const MyComponent = () => {
3957
Prop Name | Type | Description
4058
--- | --- | ---
4159
className | String | Classes to be applied to the root element.
42-
isRtl | Boolean | Shifts notch to right side if true.
4360
notch | Boolean | Toggles between notched outline and idle outline state.
4461
notchWidth | Number | Width of the notch in the outline.
4562

0 commit comments

Comments
 (0)