0.8.3 • Published 5 years ago
@autentia/lernafy v0.8.3
Lernafy is a lightweight library of responsive UI components for Vue.js based on Lerna framework and design.
Features
- Keep your current Lerna theme / variables easily
- Supports both Material Design Icons and FontAwesome
- Very lightweight with none internal dependencies aside from Vue & Lerna
- About 60KB min+gzip (with Lerna included)
- Semantic code output
- Follows Lerna design and some of the Material Design UX
- Focus on usability and performance without over-animating stuff
Documentation
The documentation is in the docs directory, it serves as the demo as well.
Browse online documentation here.
Quick start
You need Vue.js version 2.5+.
1 Install via npm
npm install @autentia/lernafy
2 Import and use Lernafy
Bundle
import Vue from 'vue';
import Buefy from 'buefy';
import 'lernafy/dist/lernafy.css';
Vue.use(Buefy);
or Individual Components
import Vue from 'vue'
import { Field, Input } from 'buefy'
import 'lernafy/dist/lernafy.css'
Vue.use(Field)
Vue.use(Input)
3 Include Material Design Icons
<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">
If you want to customize the icons or the theme, refer to the customization section on the documentation.
Alternatively, you can use a CDN or even download
<!-- Lernafy CSS -->
<link rel="stylesheet" href="https://unpkg.com/@autentia/lernafy/dist/lernafy.min.css">
<!-- Lernafy JavaScript -->
<script src="https://unpkg.com/@autentia/lernafy/dist/lernafy.min.js"></script>
Browser support
Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.
Versioning
While it's still in beta, version will follow v0.Y.Z, where:
- Y: Major (breaking changes)
- Z: Minor or patch
Maintainers
Supporting through Patreon
Lernafy is an open source MIT project if you are interested in supporting this project, please consider becoming a patron.
License
Code released under MIT license.
Copyright (c), Rafael Beraldo.