@sidline/vue-sire-element
1.0.8 • Public • Published
vue-sire-element
Element UI extensions
setup
npm
npm install @sidline/vue-sire-element
Register the components globally.
import Vue from 'vue';
import SIreElement from '@sidline/vue-sire-element';
Vue.use(SIreElement);
components
SICardFlex
properties
| Property |
Type |
Default |
Accepted Values |
fxFill |
Boolean |
true |
|
fxGutter |
String |
'none' |
"none", "small", "medium", "large" |
fxNoGrow |
Boolean |
false |
|
header |
String |
null |
|
shadow |
String |
null |
"always", "hover", "never" |
slots
| Name |
Description |
header |
title |
SIBasicCard
properties
| Property |
Type |
Default |
Accepted Values |
fxFill |
Boolean |
true |
|
fxGutter |
String |
'none' |
"none", "small", "medium", "large" |
fxNoGrow |
Boolean |
false |
|
header |
String |
null |
|
shadow |
String |
null |
"always", "hover", "never" |
labelPosition |
String |
"left" |
"left", "center", "right" |
slots
| Name |
Description |
header |
header |
header-title |
title |
header-left |
header left button |
header-right |
header right button |
SIDividerCard
properties
| Property |
Type |
Default |
Accepted Values |
fxFill |
Boolean |
true |
|
fxGutter |
String |
'none' |
"none", "small", "medium", "large" |
fxNoGrow |
Boolean |
false |
|
header |
String |
null |
|
labelPosition |
String |
"left" |
"left", "center", "right" |
condensedLeft |
Boolean |
false |
|
condensedRight |
Boolean |
false |
|
slots
| Name |
Description |
header-left |
header left button |
header-right |
header right button |
SIDetailCard
properties
| Property |
Type |
Default |
Accepted Values |
allowCancel |
Boolean |
true |
|
allowDelete |
Boolean |
true |
|
allowSave |
Boolean |
true |
|
header |
String |
null |
|
fxFill |
Boolean |
true |
|
fxGutter |
String |
'none' |
"none", "small", "medium", "large" |
fxNoGrow |
Boolean |
false |
|
shadow |
String |
null |
"always", "hover", "never" |
slots
| Name |
Description |
header |
header |
header-title |
title |
events
| Name |
Description |
cancel |
when cancel battun clicked |
delete |
when delete battun clicked |
save |
when save battun clicked |
SIListCard
properties
| Property |
Type |
Default |
Accepted Values |
allowDelete |
Boolean |
true |
|
allowInsert |
Boolean |
true |
|
allowUpdate |
Boolean |
true |
|
header |
String |
null |
|
fxFill |
Boolean |
true |
|
fxGutter |
String |
'none' |
"none", "small", "medium", "large" |
fxNoGrow |
Boolean |
false |
|
shadow |
String |
null |
"always", "hover", "never" |
slots
| Name |
Description |
header |
header |
header-title |
title |
events
| Name |
Description |
delete |
when cancel button clicked |
insert |
when delete button clicked |
update |
when save button clicked |
Package Sidebar
Install
npm i @sidline/vue-sire-element
Weekly Downloads