@obewds/tw-border-palette-default

Appearance

On this page

@obewds/tw-border-palette-default

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


Installation

bash
npm install @obewds/tw-border-palette-default --save-dev
1

Object Schema

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

javascript
{
    'default': {
        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 { twBorderPaletteDefault } from '@obewds/tw-border-palette-default'

    const props = defineProps({
        borderClasses: {
            type: String,
            default: twBorderPaletteDefault.default.colors.primary,
        },
    })

</script>

<template>

    <div :class="borderClasses">
        {{ borderClasses }}
    </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-border-palette-default
1