@obewds/tw-bg-palette-monochromatic ​

Welcome to the docs page for OBE:WDS's twBgPaletteMonochromatic component for Vue.js!

⚠️ Project Depreciated ⚠️ ​

This project has been depreciated. Use VueVentus (via github or via npm), which is the result of this project, and has this functionality along with much more.

Installation ​

npm install @obewds/tw-bg-palette-monochromatic --save-dev

Object Schema ​

The object returned when importing Tailwind CSS background monochromatic color palette has the following schema:

{
    'monochromatic': {
        colors: {
            'default': '',
            'error': '...',
            'primary': '...',
            'secondary': '...',
            'success': '...',
        },
    },
}

Use Example ​

<script setup lang="ts">

    import { twBgPaletteMonochromatic } from '@obewds/tw-bg-palette-monochromatic'

    const props = defineProps({
        bgClasses: {
            type: String,
            default: twBgPaletteMonochromatic.monochromatic.colors.primary,
        },
    })

</script>

<template>

    <div :class="bgClasses">
        {{ bgClasses }}
    </div>

</template>

Uninstall ​

npm uninstall @obewds/tw-bg-palette-monochromatic