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 4.1KB

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