@imo-tikuwa/vue3-plugin-dev-study
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

@imo-tikuwa/vue3-plugin-dev-study

This is Vue3&Bootstrap5 component library development examples.

Installation

npm install -D @imo-tikuwa/vue3-plugin-dev-study

Usage

  1. import plugin.
import { createApp } from 'vue'
import App from './App.vue'

import { BootstrapButtonPlugin } from '@imo-tikuwa/vue3-plugin-dev-study'

createApp(App).use(BootstrapButtonPlugin).mount('#app')
  1. You can display Bootstrap5 buttons using the following code:
<script setup lang="ts">
import { BaseButton } from '@imo-tikuwa/vue3-plugin-dev-study'
</script>

<template>
  <div class="container">
    <div class="row">
      <div class="col-12">
        <BaseButton label="Primary" class="me-2" />
        <BaseButton label="Secondary" :color="'secondary'" class="me-2" />
        <BaseButton label="Success" :color="'success'" class="me-2" />
        <BaseButton label="Danger" :color="'danger'" class="me-2" />
        <BaseButton label="Warning" :color="'warning'" class="me-2" />
        <BaseButton label="Info" :color="'info'" class="me-2" />
        <BaseButton label="Light" :color="'light'" class="me-2" />
        <BaseButton label="Dark" :color="'dark'" class="me-2" />
        <BaseButton label="Link" :color="'link'" />
      </div>
    </div>
  </div>
</template>

BaseButton Properties

Option Required Values Default Description
label string The text displayed on the button
size 'small' | 'medium' | 'large' 'medium' Size of the button
outline boolean false Specifies if it's an outline button or not
color 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link' 'primary' Color variant of the button
disabled boolean false Disables the button

Readme

Keywords

none

Package Sidebar

Install

npm i @imo-tikuwa/vue3-plugin-dev-study

Weekly Downloads

1

Version

0.0.3

License

none

Unpacked Size

8.19 kB

Total Files

8

Last publish

Collaborators

  • imo-tikuwa