Dynamic Card view

Data display information as a Dynamic cards.


Usage

import { ItsyDynamicCard } from "@itsy-ui/data";

const DynamicCardSchema = {
    "id": "product",
    "title": "Card",
    "fieldSchema": {
        "typeId": "product",
        "schemaId": "product",
        "record": {
            "id": 101,
            "name": "Green beans",
            "description": "This novel launched the Song of Ice and Fire series and upended the established tropes of 1990s-era epic fantasy. Let’s not forget that shocking death at the end! I know it’s hard to believe now, but back then, that was something of a fantasy no-no.",
            "price": 350,
      },
    },
}

<ItsyDynamicCard schema={DynamicCardSchema} />


API

name type default description
className String additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed.



Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions