@rmwc/formfield
Advanced tools
@rmwc/formfield - npm Package Compare versions
Comparing version 14.0.4 to 14.0.5
| { | ||
| "name": "@rmwc/formfield", | ||
| "version": "14.0.4", | ||
| "version": "14.0.5", | ||
| "main": "./index.js", | ||
@@ -39,3 +39,2 @@ "types": "./index.d.ts", | ||
| "peerDependencies": { | ||
| "@material/form-field": "^14.0.0", | ||
| "react": ">=16.8.x", | ||
@@ -45,5 +44,6 @@ "react-dom": ">=16.8.x" | ||
| "dependencies": { | ||
| "@rmwc/base": "14.0.4", | ||
| "@rmwc/types": "14.0.4" | ||
| "@material/form-field": "^14.0.0", | ||
| "@rmwc/base": "14.0.5", | ||
| "@rmwc/types": "14.0.5" | ||
| } | ||
| } |
| # Form Fields | ||
| > MDC Form Field provides an mdc-formfield helper class for easily making theme-aware, RTL-aware form field + label combos. It also provides an MDCFormField class for easily making input ripples respond to label events. | ||
| MDC Form Field provides an mdc-formfield helper class for easily making theme-aware, RTL-aware form field + label combos. It also provides an MDCFormField class for easily making input ripples respond to label events. | ||
@@ -8,18 +8,12 @@ - Module **@rmwc/formfield** | ||
| - Using CSS Loader | ||
| - import **'@rmwc/formfield/styles';** | ||
| - import '@rmwc/formfield/styles'; | ||
| - Or include stylesheets | ||
| - **'@material/form-field/dist/mdc.form-field.css'**; | ||
| - **'@material/form-field/dist/mdc.form-field.css'** | ||
| - MDC Docs: [https://material.io/develop/web/components/input-controls/form-fields/](https://material.io/develop/web/components/input-controls/form-fields/) | ||
| ```js | ||
| <FormField\> | ||
| <input type\="checkbox" id\="input" /> | ||
| <label htmlFor\="input"\>Input Label</label\> | ||
| </FormField\> | ||
| ```jsx | ||
| <FormField> | ||
| <input type="checkbox" id="input" /> | ||
| <label htmlFor="input">Input Label</label> | ||
| </FormField> | ||
| ``` | ||
@@ -29,13 +23,7 @@ | ||
| ```js | ||
| <FormField alignEnd\> | ||
| <input type\="checkbox" id\="input" /> | ||
| <label htmlFor\="input"\>Input Label</label\> | ||
| </FormField\> | ||
| ```jsx | ||
| <FormField alignEnd> | ||
| <input type="checkbox" id="input" /> | ||
| <label htmlFor="input">Input Label</label> | ||
| </FormField> | ||
| ``` | ||
@@ -45,13 +33,7 @@ | ||
| ```js | ||
| <FormField noWrap\> | ||
| <input type\="checkbox" id\="input" /> | ||
| <label htmlFor\="input"\>Input Label</label\> | ||
| </FormField\> | ||
| ```jsx | ||
| <FormField noWrap> | ||
| <input type="checkbox" id="input" /> | ||
| <label htmlFor="input">Input Label</label> | ||
| </FormField> | ||
| ``` | ||
@@ -61,15 +43,21 @@ | ||
| ```js | ||
| ```jsx | ||
| <FormField spaceBetween> | ||
| <input type="checkbox" id="input" /> | ||
| <label htmlFor="input">Input Label</label> | ||
| </FormField> | ||
| ``` | ||
| <FormField spaceBetween\> | ||
| ## FormField | ||
| A FormField component. | ||
| <input type\="checkbox" id\="input" /> | ||
| ### Props | ||
| <label htmlFor\="input"\>Input Label</label\> | ||
| | Name | Type | Description | | ||
| |------|------|-------------| | ||
| | `alignEnd` | `boolean` | Position the input after the label. | | ||
| | `foundationRef` | `Ref<MDCFormFieldFoundation<>>` | Advanced: A reference to the MDCFoundation. | | ||
| | `noWrap` | `boolean` | Forces text to stay on a single line. | | ||
| | `spaceBetween` | `boolean` | Adds space between content. | | ||
| </FormField\> | ||
| ``` | ||
| ## FormField |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by6.55%
5414
Worsened metrics
- Number of lines in readme file
- decreased by-16.67%
60
Dependency changes
+ Added@material/form-field@^14.0.0
+ Added@rmwc/base@14.0.5(transitive)
+ Added@rmwc/types@14.0.5(transitive)
- Removed@rmwc/base@14.0.4(transitive)
- Removed@rmwc/types@14.0.4(transitive)
Updated@rmwc/base@14.0.5
Updated@rmwc/types@14.0.5