Package Health Score

76 / 100

security
No known security issues
popularity
Limited
maintenance
Healthy
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
14.3.5	\|	10/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
14.2.9	\|	07/2024		0 C 0 H 0 M 0 L	0 H 0 M 0 L
8.0.8	\|	06/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L
7.0.3	\|	03/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L
6.1.4	\|	09/2020	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Yes

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (205)

GitHub Stars: 1.65K
Forks: 152
Contributors: 70

Direct Usage Popularity

The npm package @rmwc/image-list receives a total of 205 downloads a week. As such, we scored @rmwc/image-list popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package @rmwc/image-list, we found that it has been starred 1,653 times.

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

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 70
Funding: No

With more than 10 contributors for the @rmwc/image-list repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Maintenance

Healthy

Commit Frequency

Open Issues: 16
Open PR: 12
Last Release: 21 days ago
Last Commit: 2 months ago

Further analysis of the maintenance status of @rmwc/image-list based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Healthy.

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

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 6 years
Dependencies: 3 Direct
Versions: 171
Install Size: 11.9 kB
Dist-tags: 2
# of Files: 9
Maintainers: 1
TS Typings: Yes

@rmwc/image-list 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.

Readme

Image Lists

MDC Image List provides a RTL-aware Material Design image list component, representing an evolution of the Material Design Grid List spec. An Image List consists of several items, each containing an image and optionally supporting content (i.e. a text label).

Module @rmwc/image-list
Import styles:
- Using CSS Loader
  - import '@rmwc/image-list/styles';
- Or include stylesheets
  - '@material/image-list/dist/mdc.image-list.css'
MDC Docs: https://material.io/develop/web/components/image-lists/

Standard Layout

Image Lists will give you basic layout, but you will have to use inline styling or CSS to achieve things like spacing, aspect ratio, and column count. Check out the inline styles below as examples.


  {[
    { src: 'images/photos/3x2-1.jpg', alt: 'image of building' },
    { src: 'images/photos/2x3-1.jpg', alt: 'image of wall' },
    { src: 'images/photos/3x2-4.jpg', alt: 'image of building' },
    { src: 'images/photos/3x2-5.jpg', alt: 'image of dog' },
    { src: 'images/photos/3x2-6.jpg', alt: 'image of roses' },
    { src: 'images/photos/2x3-2.jpg', alt: 'image of landscape' },
    { src: 'images/photos/3x2-8.jpg', alt: 'image of cafe' },
    { src: 'images/photos/3x2-11.jpg', alt: 'image of city' },
    { src: 'images/photos/2x3-5.jpg', alt: 'image of swing' },
    { src: 'images/photos/3x2-13.jpg', alt: 'image of oranges' },
    { src: 'images/photos/3x2-14.jpg', alt: 'image of dog' },
    { src: 'images/photos/2x3-6.jpg', alt: 'image of road' },
    { src: 'images/photos/3x2-15.jpg', alt: 'image of bus' },
    { src: 'images/photos/3x2-16.jpg', alt: 'image of cafe' },
    { src: 'images/photos/2x3-7.jpg', alt: 'image of basketball' }
  ].map((img) =&gt; (
    
      
        
      
      
        Text label
      
    
  ))}

Masonry Layout


  {[
    { src: 'images/photos/3x2-1.jpg', alt: 'image of building' },
    { src: 'images/photos/2x3-1.jpg', alt: 'image of wall' },
    { src: 'images/photos/3x2-4.jpg', alt: 'image of building' },
    { src: 'images/photos/3x2-5.jpg', alt: 'image of dog' },
    { src: 'images/photos/2x3-5.jpg', alt: 'image of swing' },
    { src: 'images/photos/3x2-6.jpg', alt: 'image of roses' },
    { src: 'images/photos/2x3-2.jpg', alt: 'image of landscape' },
    { src: 'images/photos/3x2-8.jpg', alt: 'image of cafe' },
    { src: 'images/photos/3x2-11.jpg', alt: 'image of city' },
    { src: 'images/photos/3x2-13.jpg', alt: 'image of oranges' },
    { src: 'images/photos/3x2-14.jpg', alt: 'image of dog' },
    { src: 'images/photos/2x3-6.jpg', alt: 'image of road' },
    { src: 'images/photos/3x2-15.jpg', alt: 'image of bus' },
    { src: 'images/photos/2x3-7.jpg', alt: 'image of basketball' },
    { src: 'images/photos/3x2-16.jpg', alt: 'image of cafe' }
  ].map((img) =&gt; (
    
      
      
        Text label
      
    
  ))}

ImageList

The root of the Image List.

Props

Name	Type	Description
`masonry`	`boolean`	Indicates that this Image List should use the Masonry variant.
`withTextProtection`	`boolean`	Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image).

ImageListItem

Indicates each item in an Image List.

ImageListImageAspectContainer

Optional. Parent of each item’s image element, responsible for constraining aspect ratio. This element may be omitted entirely if images are already sized to the correct aspect ratio.

ImageListImage

Indicates the image element in each item.

ImageListSupporting

Optional. Indicates the area within each item containing the supporting text label, if the Image List contains text labels.

ImageListLabel

Optional. Indicates the text label in each item, if the Image List contains text labels.

@rmwc/image-list dependencies

@material/image-list @rmwc/base @rmwc/types

FAQs

What is @rmwc/image-list?

RMWC ImageList component. Visit Snyk Advisor to see a full health score report for @rmwc/image-list, including popularity, security, maintenance & community analysis.

Is @rmwc/image-list popular?

The npm package @rmwc/image-list receives a total of 205 weekly downloads. As such, @rmwc/image-list popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is @rmwc/image-list well maintained?

We found that @rmwc/image-list demonstrated a healthy version release cadence and project activity. It has a community of 70 open source contributors collaborating on the project. See the full package health analysis to learn more about the package maintenance status.

Is @rmwc/image-list safe to use?

The npm package @rmwc/image-list was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 12 November-2024, at 16:16 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP