# @amyscript/custom-image

> image for info card

Latest version **9.0.0** (published 2019-04-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @amyscript/custom-image
pnpm add @amyscript/custom-image
yarn add @amyscript/custom-image
bun add @amyscript/custom-image
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 9.0.0 |
| Published | 2019-04-16 |
| First published | 2019-04-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 27.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | amyscript |
| Maintainers | amyspod |
| Keywords | web-components, html |

## Links

- npm: https://www.npmjs.com/package/@amyscript/custom-image
- Repository: git@github.com/AmyScript/web_component_factory
- npm.io page: https://npm.io/package/@amyscript/custom-image

## Dependencies (1)

- [lit-element](https://npm.io/package/lit-element.md) ^2.0.0-rc.5

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 9.0.0 (latest) — 2019-04-16

## README

# <custom-image>

Image

> image for info card

## Usage

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

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

```bash
$ yarn start
```

## Test

```bash
$ yarn run test
```

## Build

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

```bash
$ yarn run build
```

## Contributing

1. Fork it! `git clone git@github.com/AmyScript/web_component_factory.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

Image (and all weather-app) use [Prettier][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][prettier-ed] with Prettier to have the style rules applied on every save.

[prettier]: https://github.com/prettier/prettier/
[prettier-ed]: https://github.com/prettier/prettier/#editor-integration
[polyserve]: https://github.com/Polymer/polyserve
[web-component-tester]: https://github.com/Polymer/web-component-tester

## License

[MIT License](http://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/@amyscript/custom-image · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._