Clipart Various Entities
Battery
- Preview
- Usage
- Definition
import { Battery } from '@dinghy/diagrams/entitiesClipartVarious'
<Battery/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATTERY } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BATTERY)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Battery_allstates_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Battery 0%
- Preview
- Usage
- Definition
import { Battery0 } from '@dinghy/diagrams/entitiesClipartVarious'
<Battery0/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATTERY_0 } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BATTERY_0)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Battery_0_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Battery 100%
- Preview
- Usage
- Definition
import { Battery100 } from '@dinghy/diagrams/entitiesClipartVarious'
<Battery100/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATTERY_100 } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BATTERY_100)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Battery_100_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Battery 50%
- Preview
- Usage
- Definition
import { Battery50 } from '@dinghy/diagrams/entitiesClipartVarious'
<Battery50/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATTERY_50 } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BATTERY_50)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Battery_50_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Battery 75%
- Preview
- Usage
- Definition
import { Battery75 } from '@dinghy/diagrams/entitiesClipartVarious'
<Battery75/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BATTERY_75 } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BATTERY_75)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Battery_75_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Bluetooth
- Preview
- Usage
- Definition
import { Bluetooth } from '@dinghy/diagrams/entitiesClipartVarious'
<Bluetooth/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BLUETOOTH } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, BLUETOOTH)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Bluetooth_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Empty Folder
- Preview
- Usage
- Definition
import { EmptyFolder } from '@dinghy/diagrams/entitiesClipartVarious'
<EmptyFolder/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EMPTY_FOLDER } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, EMPTY_FOLDER)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Empty_Folder_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Full Folder
- Preview
- Usage
- Definition
import { FullFolder } from '@dinghy/diagrams/entitiesClipartVarious'
<FullFolder/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FULL_FOLDER } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, FULL_FOLDER)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Full_Folder_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Gear
- Preview
- Usage
- Definition
import { Gear } from '@dinghy/diagrams/entitiesClipartVarious'
<Gear/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GEAR } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, GEAR)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Gear_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Globe
- Preview
- Usage
- Definition
import { Globe } from '@dinghy/diagrams/entitiesClipartVarious'
<Globe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GLOBE } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, GLOBE)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Earth_globe_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Keys
- Preview
- Usage
- Definition
import { Keys } from '@dinghy/diagrams/entitiesClipartVarious'
<Keys/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEYS } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, KEYS)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Keys_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Lock
- Preview
- Usage
- Definition
import { Lock } from '@dinghy/diagrams/entitiesClipartVarious'
<Lock/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOCK } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, LOCK)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Lock_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Mousepointer
- Preview
- Usage
- Definition
import { Mousepointer } from '@dinghy/diagrams/entitiesClipartVarious'
<Mousepointer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MOUSEPOINTER } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, MOUSEPOINTER)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Mouse_Pointer_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Plug
- Preview
- Usage
- Definition
import { Plug } from '@dinghy/diagrams/entitiesClipartVarious'
<Plug/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PLUG } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, PLUG)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Plug_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Ships Wheel
- Preview
- Usage
- Definition
import { ShipsWheel } from '@dinghy/diagrams/entitiesClipartVarious'
<ShipsWheel/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SHIPS_WHEEL } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, SHIPS_WHEEL)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Ships_Wheel_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Star
- Preview
- Usage
- Definition
import { Star } from '@dinghy/diagrams/entitiesClipartVarious'
<Star/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STAR } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, STAR)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Star_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}
Tire
- Preview
- Usage
- Definition
import { Tire } from '@dinghy/diagrams/entitiesClipartVarious'
<Tire/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TIRE } from '@dinghy/diagrams/entitiesClipartVarious'
<Shape
{...props}
_style={extendStyle(props, TIRE)}
/>
{
_style: {
entity: 'image;html=1;image=img/lib/clip_art/general/Tire_128x128.pngstrokeColor=none;',
},
_original_width: 80,
_original_height: 80,
}