Bulma component library for Vue3

Changelog

Disclaimer

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.

Installation

npm install @csc530/vuebulma

Use

Dependencies

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😄

Documentation

Refer to the documentation website for more information and the latest updates.

Bulma Styling

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.

Working with Vue

If you need any help working with Vue components or understanding some of its features please refer to their documentation.

Custom Additions

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