@tencentcloud/uikit-base-component-vue2
TypeScript icon, indicating that this package has built-in type declarations

0.3.3 • Public • Published

vue2-uikit-provider

1 Usage

1.1 Use UIKitProvider Components

<script lang="ts" setup>
import { UIKitProvider } from '@tencentcloud/uikit-base-component-vue2';
</script>

<template>
  <UIKitProvider theme="light">

  </UIKitProvider>
</template>

1.2 Use Hook useUIKit

<template>
  <div>{{ theme }}</div>
  <button @click="setTheme('dark')">set theme to dark</button>
  <button @click="setTheme('light')">set theme to light</button>
</template>

<script lang="ts" setup>
import { useUIKit } from '@tencentcloud/uikit-base-component-vue2';

const { theme, setTheme } = useUIKit();
</script>

/@tencentcloud/uikit-base-component-vue2/

    Package Sidebar

    Install

    npm i @tencentcloud/uikit-base-component-vue2

    Weekly Downloads

    20

    Version

    0.3.3

    License

    none

    Unpacked Size

    35.3 kB

    Total Files

    24

    Last publish

    Collaborators

    • rgzhao
    • allen0809npm
    • yangq
    • tencent-cloud-im
    • ashster
    • mileszzhang
    • dawnrking
    • jiushu530
    • chenximo
    • harperhpliu
    • jonytang
    • tencent-im
    • raingxm
    • jasperdaiyile
    • mango2630
    • llwyct