Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

README.md 3.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <p align="center">
  2. <a href="https://buefy.org">
  3. <img src="https://raw.githubusercontent.com/buefy/buefy/master/static/img/buefy-banner.png" />
  4. </a>
  5. <a href="https://www.npmjs.com/package/buefy"><img src="https://img.shields.io/npm/v/buefy.svg" /></a>
  6. <a href="https://www.npmjs.com/package/buefy"><img src="https://img.shields.io/npm/dt/buefy.svg" /></a>
  7. <a href="https://circleci.com/gh/buefy/buefy"><img src="https://img.shields.io/circleci/project/github/buefy/buefy.svg?style=flat-square" /></a>
  8. <a href="https://codecov.io/gh/buefy/buefy"><img src="https://img.shields.io/codecov/c/github/buefy/buefy.svg?style=flat-square" /></a>
  9. <a href="https://www.npmjs.com/package/buefy"><img src="https://img.shields.io/npm/l/buefy.svg" /></a>
  10. <a href="https://discordapp.com/invite/ZkdFJMr"><img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg" /></a>
  11. <a href="https://buefy.org"><img src="https://img.shields.io/badge/code_style-buefy-7957d5.svg?style=flat-square" /></a>
  12. </p>
  13. > Buefy is a lightweight library of responsive UI components for [Vue.js](https://vuejs.org/) based on [Bulma](http://bulma.io/) framework and design.
  14. ## Features
  15. * Keep your current Bulma theme / variables easily
  16. * Supports both [Material Design Icons](https://materialdesignicons.com/) and [FontAwesome](http://fontawesome.io/)
  17. * Very lightweight with none internal dependencies aside from Vue & Bulma
  18. * About 60KB min+gzip (with Bulma included)
  19. * Semantic code output
  20. * Follows Bulma design and some of the [Material Design UX](https://material.io/)
  21. * Focus on usability and performance without *over-animating* stuff
  22. ## Documentation
  23. The documentation is in the docs directory, it serves as the demo as well.
  24. Browse [online documentation here](https://buefy.org/).
  25. ## Quick start
  26. You need [Vue.js](https://vuejs.org/) **version 2.5+**.
  27. ### 1 Install via npm
  28. ```bash
  29. npm install buefy
  30. ```
  31. ### 2 Import and use Buefy
  32. Bundle
  33. ```javascript
  34. import Vue from 'vue';
  35. import Buefy from 'buefy';
  36. import 'buefy/dist/buefy.css';
  37. Vue.use(Buefy);
  38. ```
  39. or Individual Components
  40. ```javascript
  41. import Vue from 'vue'
  42. import { Field, Input } from 'buefy/dist/components'
  43. import 'buefy/dist/buefy.css'
  44. Vue.use(Field)
  45. Vue.use(Input)
  46. or
  47. import Vue from 'vue'
  48. import Field from 'buefy/dist/components/field'
  49. import Input from 'buefy/dist/components/input'
  50. import 'buefy/dist/buefy.css'
  51. Vue.use(Field)
  52. Vue.use(Input)
  53. ```
  54. ### 3 Include Material Design Icons
  55. ```html
  56. <link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">
  57. ```
  58. If you want to customize the icons or the theme, refer to the [customization section on the documentation](https://buefy.org/#/documentation/customization).
  59. ### Alternatively, you can use a CDN or even download
  60. ```html
  61. <!-- Buefy CSS -->
  62. <link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css">
  63. <!-- Buefy JavaScript -->
  64. <script src="https://unpkg.com/buefy/dist/buefy.min.js"></script>
  65. ```
  66. ## Browser support
  67. Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.
  68. ## Versioning
  69. While it's still in beta, version will follow **v0.Y.Z**, where:
  70. * **Y**: Major (breaking changes)
  71. * **Z**: Minor or patch
  72. ## Maintainers
  73. * [Walter Tommasi](https://twitter.com/walter_tommasi)
  74. ## Supporting through Patreon
  75. Buefy is an open source MIT project if you are interested in supporting this project, please consider becoming a patron.
  76. <p align="center">
  77. <a href="https://www.patreon.com/jtommy">
  78. <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patron" />
  79. </a>
  80. </p>
  81. ## License
  82. Code released under [MIT](https://github.com/buefy/buefy/blob/master/LICENSE) license.
  83. Copyright (c), [Rafael Beraldo](https://twitter.com/rafaelpimpa).