/vuebulma

Bulma ui components library for vue 3

Primary LanguageVue

Bulma component library for Vue3

Built with LoveCheck it outforthebadgeNot a bug; a featurePowered by black magic

Made with Bulma downloads npm version GitHub issues GitHub discussions DeepSource

Disclaimer

Developed with and for Vue 3 and Bulma v0.9.4

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

<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