@commercetools-frontend/assets
Advanced tools
Comparing version 0.0.0-canary-f43757edc0cae263dd3840878c0a6b436dfc08e3 to 0.0.0-testing-comment-workflow-20241204141931
{ | ||
"name": "@commercetools-frontend/assets", | ||
"version": "0.0.0-canary-f43757edc0cae263dd3840878c0a6b436dfc08e3", | ||
"version": "0.0.0-testing-comment-workflow-20241204141931", | ||
"description": "Assets for building mc apps", | ||
@@ -11,3 +11,3 @@ "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues", | ||
}, | ||
"homepage": "https://docs.commercetools.com/custom-applications", | ||
"homepage": "https://docs.commercetools.com/merchant-center-customizations", | ||
"keywords": [ | ||
@@ -20,3 +20,2 @@ "javascript", | ||
"license": "MIT", | ||
"private": false, | ||
"publishConfig": { | ||
@@ -26,4 +25,3 @@ "access": "public" | ||
"main": "index.js", | ||
"module": "index.js", | ||
"gitHead": "24c539b6bec6661ba163efea301ba2d9c9ceecd0" | ||
} | ||
"module": "index.js" | ||
} |
# @commercetools-frontend/assets | ||
<p align="center"> | ||
<a href="https://www.npmjs.com/package/@commercetools-frontend/assets"><img src="https://badgen.net/npm/v/@commercetools-frontend/assets" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/assets"><img src="https://badgen.net/npm/v/@commercetools-frontend/assets/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/assets"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/assets" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/master/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a> | ||
<a href="https://www.npmjs.com/package/@commercetools-frontend/assets"><img src="https://badgen.net/npm/v/@commercetools-frontend/assets" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/assets"><img src="https://badgen.net/npm/v/@commercetools-frontend/assets/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/assets"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/assets" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a> | ||
</p> | ||
This package contains image assets that can be used in the creation of Merchant Center applications. These are used within the package `application-shell`. The images can be used directly, from the `images` folder. | ||
This package contains various assets that can be used in Merchant Center Custom Applications. | ||
## Usage | ||
## Install | ||
```bash | ||
$ npm install --save @commercetools-frontend/assets | ||
``` | ||
## Using SVG images | ||
The `images` folder contains SVG images to be imported and used as `<img src>` URLs. | ||
```js | ||
import React from 'react'; | ||
// Import requires a bundler to deal with SVG files | ||
import Hourglass from '@commercetools-frontend/assets/images/hourglass.svg'; | ||
import HourglassIllustration from '@commercetools-frontend/assets/images/hourglass.svg'; | ||
const Component = () => ( | ||
<div> | ||
<img src={Hourglass} /> | ||
<img src={HourglassIllustration} /> | ||
</div> | ||
); | ||
``` | ||
## Install | ||
```bash | ||
$ npm install --save @commercetools-frontend/assets | ||
``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
85
3
30
298130