Socket
Socket
Sign inDemoInstall

@lrnwebcomponents/full-width-image

Package Overview
Dependencies
2
Maintainers
4
Versions
89
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lrnwebcomponents/full-width-image

full width image that flows beyond boundaries


Version published
Maintainers
4
Weekly downloads
4
increased by33.33%

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

FAQs

Last updated on 22 Mar 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc