@smui/form-field

v1.0.0

Svelte Material UI - Form Field

NPM
Website
Apache-2.0
Latest version published 3 months ago
    npm install @smui/form-field

Package Health Score

60 / 100
  • Popularity
    Limited
  • Maintenance
    Inactive
  • Security
    No known security issues
  • Community
    Sustainable

Popularity

Limited
Weekly Downloads (939)
Dependents
1
GitHub Stars
1.24K
Forks
129
Contributors
19

The npm package @smui/form-field receives a total of 939 downloads a week. As such, we scored @smui/form-field popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package @smui/form-field, we found that it has been starred 1,235 times, and that 1 other projects on the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

No known security issues

Security and license risk for recent versions

Direct Vulnerabilities

1.0.0-beta.18
1.0.0-beta.19
1.0.0-beta.20
1.0.0-beta.21
1.0.0
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L

Indirect Vulnerabilities

1.0.0-beta.18
1.0.0-beta.19
1.0.0-beta.20
1.0.0-beta.21
1.0.0
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L

License Risks

1.0.0-beta.18
1.0.0-beta.19
1.0.0-beta.20
1.0.0-beta.21
1.0.0
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
  • 0
    H
  • 0
    M
  • 0
    L
Security Policy
No
All security vulnerabilities belong to production dependencies of direct and indirect packages.

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

We found a way for you to contribute to the project! Looks like @smui/form-field is missing a security policy. 

    # Install the Snyk CLI and test your project
npm i snyk && snyk test @smui/form-field
Fix it in your project with Snyk!

Maintenance

Inactive
Commit Frequency
Open Issues
85
Merged PR
26
Open PR
9
Last Commit
3 months ago

Further analysis of the maintenance status of @smui/form-field based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

We found that @smui/form-field demonstrates a positive version release cadence with at least one new version released in the past 3 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Sustainable
Readme.md
Yes
Contributing.md
No
Code of Conduct
No
Contributors
19
Funding
Yes
License
Apache-2.0

With more than 10 contributors for the @smui/form-field repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like @smui/form-field is missing a Code of Conduct.

Package

Node.js Compatibility
not defined
Age
1 year
Dependencies
4 Direct / 12 Total
Versions
3
Install Size
21.2 kB
Dist-tags
1
# of Files
11
Maintainers
1
TS Typings
No

We detected a total of 12 direct & transitive dependencies for @smui/form-field. See the full dependency tree of @smui/form-field

@smui/form-field has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Svelte Material UI - Form Field

A wrapper to align an input and its label.

MDC Form Fields make the Input/Label RTL-aware and also activates a ripple effect.

See MDC Form Fields for more information on API and Sass mixins.

See the Sass variable file for styling variables.

Installation

npm install --save-dev @smui/form-field

Basic Usage

<script>
  import FormField from '@smui/form-field';
  import Checkbox from '@smui/checkbox';

  let amIChecked = false;
</script>

<FormField>
  <Checkbox bind:checked={amIChecked} />
  <span slot="label">Am I Checked</span>
</FormField>

Demo

in action: https://sveltematerialui.com/demo/radio

demo code: https://github.com/hperrin/svelte-material-ui/blob/master/site/src/routes/demo/radio.svelte

Exports

(default)

A Form Field component.

Props / Defaults

  • use: [] - An array of actions and/or action/property arrays.
  • class: '' - A CSS class string.
  • align: 'start' - Where to align the input. ('start' or 'end')
  • inputId: (programatically assigned) - The ID of the input the label is to be associated with.

The ID is generated using a module context counter, so you don't need to provide one yourself. The format is SMUI-form-field-{counter}, and the counter starts at 0.

Events

All standard UI events are forwarded.

Forwarded Props

  • label$ - Props forwarded to the label element.

@smui/form-field versions

Dist-Tags for @smui/form-field
latest
Version Published Tag Node.js Compatability Licenses Dependencies Direct Vulnerabilities Publisher
1.0.0 04 August 2020 latest * Apache-2.0 4
  • 0
    H
  • 0
    M
  • 0
    L
 hperrin
1.0.0-beta.21 19 April 2020 * Apache-2.0 4
  • 0
    H
  • 0
    M
  • 0
    L
 hperrin
1.0.0-beta.20 31 January 2020 * Apache-2.0 4
  • 0
    H
  • 0
    M
  • 0
    L
 hperrin
All Versions
Last updated on 19 October-2020, at 03:08 (UTC).