Clipart Finance Entities
Arrow Up
- Preview
- Usage
- Definition
import { ArrowUp } from '@dinghy/diagrams/entitiesClipartFinance'
<ArrowUp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_UP } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, ARROW_UP)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Arrow_Up_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Arrow_Down
- Preview
- Usage
- Definition
import { ArrowDown } from '@dinghy/diagrams/entitiesClipartFinance'
<ArrowDown/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_DOWN } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, ARROW_DOWN)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Arrow_Down_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Coins
- Preview
- Usage
- Definition
import { Coins } from '@dinghy/diagrams/entitiesClipartFinance'
<Coins/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COINS } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, COINS)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Coins_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Credit Card
- Preview
- Usage
- Definition
import { CreditCard } from '@dinghy/diagrams/entitiesClipartFinance'
<CreditCard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CREDIT_CARD } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, CREDIT_CARD)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Credit_Card_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Dollar
- Preview
- Usage
- Definition
import { Dollar } from '@dinghy/diagrams/entitiesClipartFinance'
<Dollar/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DOLLAR } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, DOLLAR)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Dollar_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Graph
- Preview
- Usage
- Definition
import { Graph } from '@dinghy/diagrams/entitiesClipartFinance'
<Graph/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GRAPH } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, GRAPH)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Graph_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Pie Chart
- Preview
- Usage
- Definition
import { PieChart } from '@dinghy/diagrams/entitiesClipartFinance'
<PieChart/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PIE_CHART } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, PIE_CHART)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Pie_Chart_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Piggy Bank
- Preview
- Usage
- Definition
import { PiggyBank } from '@dinghy/diagrams/entitiesClipartFinance'
<PiggyBank/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PIGGY_BANK } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, PIGGY_BANK)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Piggy_Bank_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Safe
- Preview
- Usage
- Definition
import { Safe } from '@dinghy/diagrams/entitiesClipartFinance'
<Safe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAFE } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, SAFE)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Safe_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Shopping Basket
- Preview
- Usage
- Definition
import { ShoppingBasket } from '@dinghy/diagrams/entitiesClipartFinance'
<ShoppingBasket/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SHOPPING_BASKET } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, SHOPPING_BASKET)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Shopping_Cart_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Stock Down
- Preview
- Usage
- Definition
import { StockDown } from '@dinghy/diagrams/entitiesClipartFinance'
<StockDown/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STOCK_DOWN } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, STOCK_DOWN)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Stock_Down_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Stock Up
- Preview
- Usage
- Definition
import { StockUp } from '@dinghy/diagrams/entitiesClipartFinance'
<StockUp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STOCK_UP } from '@dinghy/diagrams/entitiesClipartFinance'
<Shape
{...props}
_style={extendStyle(props, STOCK_UP)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/finance/Stock_Up_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}