x-adminlte

A simple x-component for Adminlte template with Vuejs

Installation

npm install x-backend --save

Import the package into main.js file

import "bootstrap/dist/css/bootstrap.min.css";
import "admin-lte/dist/css/AdminLTE.min.css";

import Vue from 'vue'
import XBackend from 'x-backend'

Vue.use(XBackend)

Usage

Example.vue

<template>
  <x-box title="x-backend">
    <x-alert/>
  </x-box>
</template>

<script>
export default {
  
}
</script>

<style scoped>

</style>

Available components

• Widget
  • XTimeline
  • XBox
  • XPanel
  • XBoxInfo
  • XBoxSmallInfo
  • XUserHeader
  • XUserHeaderItem
• UI Elements
  • XAlert
  • XButton
  • XButtonGroup
  • XCallout
  • XLoading
  • XMoal

Widget

UI Elements

XAlert

| props | type | default | | :------------- |:-------------:| :-----| | variant | string | info | | title | string | Alert! | | summary | string | Info alert preview. This alert is dismissable. |

XButton

| props | type | default | | :------------- |:-------------:| :-----| | variant | string | primary | | label | string | Save | | size | string | sm | | disabled | boolean | false | | flat | boolean | false |