@syncfusion/ej2-layouts

ej2-layouts

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.

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. To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

Setup

To install Layout components and its dependent packages, use the following command.

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
  • View Online Demos
  • Product Page

• Avatar - Used to add images or initials or icons in different shapes and sizes to your application.

  • Getting Started
  • View Online Demos
  • Product Page

Use Case samples

• IT Asset Management (Live Demo)
• Swipeable Card (Live Demo)
• Flip Card (Live Demo)
• Tile View (Live Demo)
• Contact Application (Live Demo)
• Avatar Badge (Live Demo)
• Avatar Card (Live Demo)

Key Features

• Card

  • 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.

• Avatar

  • Types - Provided 2 types of avatars such as default and circle.

  • Sizes - 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 support system or Community forum.
• New GitHub issue.
• Ask your query in Stack Overflow with tag syncfusion and ej2.

License

Check the license detail here.

Changelog

Check the changelog here

© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.