Developed with and for Vue 3 and Bulma v1
This package is very much still in active development.
My attempt at creating a Vue component library for Bulma elements (because I really love Bulma, and it's styling/style) that's compatible with Vue 3.
You must add a reference to the bulma library externally
...
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma/css/bulma.min.css">
...the bulma library is not included in this package
<template>
<!-- Use Bulma component-->
<VBulmaHeading>I'm a Bulma styled heading</VBulmaHeading>
</template>
<script lang="ts" setup>
// import the component you want to use
import {VBulmaHeading} from '@csc530/vuebulma'
</script>easy😄
Refer to the documentation website for more information and the latest updates.
This library is like a wrapper for Bulma and does not modify any of its CSS if you need help using Bulma or its classes, refer to the Bulma documentation.
If you need any help working with Vue components or understanding some of its features please refer to their documentation.
This library adds some built-in JS to make Bulma's styling and classes work seamlessly like appending is-active to a clicked dropdown
Pronunciation
vuebulma = vubblema