Bamboo

Appearance

Getting Started ​

Prerequisites ​

  • Node.js 18.x or higher
  • npm, yarn, or pnpm package manager (npm is installed with Node.js out of the box)

Install Bamboo ​

bash
npm install @mrksbnc/bamboo
bash
yarn add @mrksbnc/bamboo
bash
pnpm add @mrksbnc/bamboo

Usage ​

  1. Register the library css file in your root entry.
ts
// main.ts
import { createApp } from 'vue';
import App from './App.vue';

// Import the main library CSS file
import '@mrksbnc/bamboo/lib.css';

createApp(App).mount('#app');
  1. Import the components you want to use.
ts
<template>
	<bo-text value="Hello Bamboo" />
	<bo-icon :icon="Icon.heart" />
	<bo-icon :icon="Icon.star" custom-color="var(--blue-600)" />
</template>

<script setup lang="ts">
	import { BoText, BoIcon, Icon } from '@mrksbnc/bamboo/components'
</script>