@shibetec/vue-toolbox

Bits and pieces of vuejs components reused in ShibeTec vuejs projects.

Usage no npm install needed!

<script type="module">
  import shibetecVueToolbox from 'https://cdn.skypack.dev/@shibetec/vue-toolbox';
</script>

README

Tools

Input

Confirmation

Html element with text component (default slot) and confirm/cancel buttons. Confirm emits confirm event, cancel emits cancel.

Class element Class
Container confirmation-container
Text text
Confirm button confirm
Cancel button cancel
Prop Info
confirmText String, default: 'Confirm' - Text for confirm button
cancelText String, default: 'Cancel' - Text for cancel button

Text

Alert

Html element with text component (default slot) and button. Button click emits ok event.

Class element Class
Container alert-container
Text text
Button ok
Prop Info
okText String, default: 'OK' - Text for button

Utils

Loading

Html element container for loading image.

Class element Class
Img loading
Prop Info
src String, default: '/static/images/loading.svg' - Image source url
size String, default: '100px' - Size for image

Chevron

Html element container for chevron image.

Class element Class
Img chevron additionaly any class/es passed in direction prop
Prop Info
src String, default: '/static/images/chevron.svg' - Image source url
direction String, default: 'right' - Additional classes for chevron direction