@syncfusion/ej2-layouts
Advanced tools
@syncfusion/ej2-layouts - npm Package Compare versions
Comparing version 16.2.50 to 16.3.17
@@ -5,2 +5,4 @@ # Changelog | ||
| ## 16.2.41 (2018-06-25) | ||
| ### Avatar | ||
@@ -12,2 +14,16 @@ | ||
| - **Sizes** - Supports different sizes to adapt the various application scenario. | ||
| - **Sizes** - Supports different sizes to adapt the various application scenario. | ||
| ### Card | ||
| The Card is a small container in which user can show defined content in specific structure and it is a flexible and extensible. Card is a pure CSS component built with markup and style. | ||
| The available key features are | ||
| - **Header**: Header supports to include title, subtitle along with image. | ||
| - **Images and Title**: Support to include images with customizable caption positions in it. | ||
| - **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment. | ||
| - **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment. |
| { | ||
| "_from": "@syncfusion/ej2-layouts@~16.2.41", | ||
| "_id": "@syncfusion/ej2-layouts@16.2.41", | ||
| "_inBundle": false, | ||
| "_integrity": "sha512-0zvb4kL7a4MB4cAi9XkHx9EA1QIyy30rarVy+dTPPMzQULII48AO5EL7rqqe1L/H9FDHYNYcsnw87ghkF2deQQ==", | ||
| "_location": "/@syncfusion/ej2-layouts", | ||
| "_phantomChildren": {}, | ||
| "_requested": { | ||
| "type": "range", | ||
| "registry": true, | ||
| "raw": "@syncfusion/ej2-layouts@~16.2.41", | ||
| "name": "@syncfusion/ej2-layouts", | ||
| "escapedName": "@syncfusion%2fej2-layouts", | ||
| "scope": "@syncfusion", | ||
| "rawSpec": "~16.2.41", | ||
| "saveSpec": null, | ||
| "fetchSpec": "~16.2.41" | ||
| }, | ||
| "_requiredBy": [ | ||
| "/@syncfusion/ej2" | ||
| ], | ||
| "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-layouts/-/ej2-layouts-16.2.41.tgz", | ||
| "_shasum": "ea5b5c86a8b4ee3d35cb7cbfb93d8fcdcce76162", | ||
| "_spec": "@syncfusion/ej2-layouts@~16.2.41", | ||
| "_where": "D:\\Syncfusion\\EJ2 packages\\node_modules\\@syncfusion\\ej2", | ||
| "author": { | ||
| "name": "Syncfusion Inc." | ||
| }, | ||
| "bugs": { | ||
| "url": "https://github.com/syncfusion/ej2-layouts/issues" | ||
| }, | ||
| "bundleDependencies": false, | ||
| "name": "@syncfusion/ej2-layouts", | ||
| "version": "16.3.17", | ||
| "description": "Essential JS 2 layout Components", | ||
| "author": "Syncfusion Inc.", | ||
| "license": "SEE LICENSE IN license", | ||
| "dependencies": { | ||
| "@syncfusion/ej2-base": "~16.2.50" | ||
| "@syncfusion/ej2-base": "~16.3.17" | ||
| }, | ||
| "deprecated": false, | ||
| "description": "Essential JS 2 layout Components", | ||
| "devDependencies": { | ||
@@ -44,3 +16,2 @@ "@types/chai": "^3.4.28", | ||
| }, | ||
| "homepage": "https://github.com/syncfusion/ej2-layouts#readme", | ||
| "keywords": [ | ||
@@ -58,9 +29,6 @@ "ej2", | ||
| ], | ||
| "license": "SEE LICENSE IN license", | ||
| "name": "@syncfusion/ej2-layouts", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/syncfusion/ej2-layouts.git" | ||
| }, | ||
| "version": "16.2.50" | ||
| "url": "https://github.com/syncfusion/ej2-layouts.git" | ||
| } | ||
| } |
@@ -1,11 +0,81 @@ | ||
| # Overview | ||
| # ej2-layouts | ||
| Essential JS 2 CSS components contains components that are developed for layouts only from CSS like cards, avatar, etc. It comes with full documentation and support and is available under commercial and community licenses – please visit www.syncfusion.com to get started. | ||
| The layout package contains pure CSS components cards and avatars. The card is a small container in which user can | ||
| show defined content in specific structure. The avatars are icons, initials or figures representing a particular | ||
| person, used in popular media formats like images, SVG, font icons, and letters. | ||
| ## Cards | ||
| > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials). | ||
| [Demos](http://ej2.syncfusion.com/demos/#/card/default.html) | ||
| > A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. | ||
| ## Avatar | ||
| ## Setup | ||
| [Demos](http://ej2.syncfusion.com/demos/#/avatar/default.html) | ||
| To install `Layout components` and its dependent packages, use the following command. | ||
| ```sh | ||
| npm install @syncfusion/ej2-layouts | ||
| ``` | ||
| ## Components included | ||
| Following list of components are available in the package | ||
| * Card - Container used to display content in specific structure. | ||
| * [Getting Started](https://ej2.syncfusion.com/documentation/card/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=layout) | ||
| * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/basic.html) | ||
| * [Product Page](https://www.syncfusion.com/products/javascript/card?lang=typescript&utm_source=npm&utm_campaign=layout) | ||
| * Avatar - Used to add images or initials or icons in different shapes and sizes to your application. | ||
| * [Getting Started](https://ej2.syncfusion.com/documentation/avatar/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=layout) | ||
| * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/default.html) | ||
| * [Product Page](https://www.syncfusion.com/products/javascript/avatar?lang=typescript&utm_source=npm&utm_campaign=layout) | ||
| ## Use Case samples | ||
| * IT Asset Management ([Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement?lang=typescript&utm_source=npm&utm_campaign=layout)) | ||
| * Swipeable Card ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/swipeable.html)) | ||
| * Flip Card ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/flip.html)) | ||
| * Tile View ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/tile.html)) | ||
| * Contact Application ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/listview.html)) | ||
| * Avatar Badge ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/badge.html)) | ||
| * Avatar Card ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/card.html)) | ||
| ## Key Features | ||
| * Card | ||
| * [Header](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/basic.html) - Header supports to include title, subtitle along with image. | ||
| * [Images and Title](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/reveal.html) - Support to include images with customizable caption positions in it. | ||
| * [Action Buttons](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/vertical.html) - Supports to add buttons within the card either in vertical or horizontal alignment. | ||
| * [Horizontal Card](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=card#/material/card/horizontal.html) - Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment. | ||
| * Avatar | ||
| * [Types](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/default.html) - Provided `2` types of avatars such as `default` and `circle`. | ||
| * [Sizes](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=avatar#/material/avatar/types.html) - Supports `7` different sizes to adapt the various application scenario. | ||
| * xsmall | ||
| * small | ||
| * medium (default) | ||
| * large | ||
| * xlarge | ||
| ## Support | ||
| Product support is available for through following mediums. | ||
| * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=layout) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=layout). | ||
| * New [GitHub issue](https://github.com/syncfusion/ej2-layouts/issues/new). | ||
| * Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=layout) with tag `syncfusion` and `ej2`. | ||
| ## License | ||
| Check the license detail [here](https://github.com/syncfusion/ej2-layouts/blob/master/license?utm_source=npm&utm_campaign=layout). | ||
| ## Changelog | ||
| Check the changelog [here](https://github.com/syncfusion/ej2-layouts/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=layout) | ||
| © Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. |
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
New alerts
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
Fixed alerts
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
Improved metrics
- Number of lines in readme file
- increased by583.33%
82
Worsened metrics
- Total package byte prevSize
- decreased by-95.5%
159586
- Lines of code
- decreased by-81.4%
4443
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
+ Added@syncfusion/ej2-base@16.3.34(transitive)
- Removed@syncfusion/ej2-base@16.2.50(transitive)