Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@lrnwebcomponents/full-width-image

Package Overview
Dependencies
1
Maintainers
4
Versions
69
Issues
File Explorer

Advanced tools

@lrnwebcomponents/full-width-image

full width image that flows beyond boundaries

    4.0.24latest

Version published
Maintainers
4
Yearly downloads
6,300
increased by69.9%

Weekly downloads

Readme

Source

<full-width-image>

Width

full width image that flows beyond boundaries

Usage

To use this web component in your project you can utilize one of the following styles of syntax.

/* In an existing JS module / web component */ import '@lrnwebcomponents/full-width-image/full-width-image.js'; /* At top of an application with build routine */ <script type="module" src="@lrnwebcomponents/full-width-image/full-width-image.js"></script> /* Alternatives for top of application */ <script type="module"> import '@lrnwebcomponents/full-width-image/full-width-image.js'; // imperative form import {FullWidthImage} from '@lrnwebcomponents/full-width-image'; // if you don't have a build routine and need to reference directly import './node_modules/@lrnwebcomponents/full-width-image/full-width-image.js'; </script> // via unpkg CDN (good for testing) <script type="module" src="https://unpkg.com/@lrnwebcomponents/full-width-image/full-width-image.js"></script>

Develop / Demo

Run yarn start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src directory for changes and automatically rebuilding the element and documentation site for the demo.

$ yarn start

Test

$ yarn run test

Build

Builds ensure that wcfactory can correctly compile your web component project to work on the maximum number of browsers possible.

$ yarn run build

Contributing

  1. Fork it! git clone https://github.com/elmsln/lrnwebcomponents.git
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Code style

Width (and all lrnwebcomponents) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.

License

Apache-2.0 License

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc