@obewds/tw-bg-palette-pastel

Appearance

On this page

@obewds/tw-bg-palette-pastel

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


Installation

bash
npm install @obewds/tw-bg-palette-pastel --save-dev
1

Object Schema

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

javascript
{
    'pastel': {
        colors: {
            'default': '',
            'error': '...',
            'primary': '...',
            'secondary': '...',
            'success': '...',
        },
    },
}
1
2
3
4
5
6
7
8
9
10
11

Use Example

html
<script setup lang="ts">

    import { twBgPalettePastel } from '@obewds/tw-bg-palette-pastel'

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

</script>

<template>

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

</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Uninstall

bash
npm uninstall @obewds/tw-bg-palette-pastel
1