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