Fluent Design Vue

Appearance

Getting Started ​

Installation ​

bash
npm install fluent-design-vue
# or
pnpm add fluent-design-vue

Import styles ​

ts
import 'fluent-design-vue/styles'

Usage ​

vue
<script setup>
import { FuiButton } from 'fluent-design-vue'
</script>

<template>
  <FuiButton appearance="primary">Click me</FuiButton>
</template>

Theme provider ​

vue
<script setup>
import { FuiProvider } from 'fluent-design-vue'
</script>

<template>
  <FuiProvider theme="light">
    <App />
  </FuiProvider>
</template>