config.tsx

export const CardSampleOrder:Object = [
    { 'path': 'card/basic', 'component':'Basic', 'name': 'Basic Card', 'description':'The sample demonstrates how to design basic card and weather layout card using Essential JS2 Card component. The component is pure CSS component and more flexible.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/vertical', 'component':'Vertical', 'name': 'Vertical Card', 'description':'The sample demonstrates how to design a business card and profile card using a vertical layout of Card component based on its CSS classes.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/horizontal', 'component':'Horizontal', 'name': 'Horizontal Card', 'description':'The sample demonstrates how to design product card with icon and its specification using horizontal layout in Card component.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/swipeable', 'component':'Swipeable', 'name': 'Swipeable Card', 'description':'The sample demonstrates how to design a stacked card with swipeable action (left or right direction) and corresponding images using Card component.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/flip', 'component':'Flip', 'name': 'Flip Card', 'description':'The sample demonstrates how to achieve flip (rotate) behavior to the card to show hidden information which is on a back side in the Card component.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/reveal', 'component':'Reveal', 'name': 'Reveal Card', 'description':'The sample demonstrates how to render a card with reveal layouts. Hidden information of Card can be revealed to visible while action on “Know more”.', 'order': '01', 'category': 'Cards' },
    { 'path': 'card/tile', 'component':'Tile', 'name': 'Tile View', 'description':'The sample demonstrates how to design tile-view with filtering and searching using a template engine, data manager, and Card component.', 'order': '01', 'category': 'Cards' }
]