nightswinger/vue-fomantic-ui

Fomantic-UI component library for Vue.js 3.0

VueFomanticUI

VueFomanticUI is a component library for Vue.js 3.0 that wraps Fomantic-UI.

Documentation

To check out live examples and docs, see the Documentation.

Install

You need Vue.js version 3.0+.

# npm
npm install vue-fomantic-ui
npm install fomantic-ui-css

# yarn
yarn add vue-fomantic-ui
yarn add fomantic-ui-css

Usage

You can import all components as Vue plugin.

import { createApp } from 'vue'
import App from './App.vue'
import FomanticUI from 'vue-fomantic-ui'
import 'fomantic-ui-css/semantic.min.css'

const app = createApp(App)
app.use(FomanticUI)

Or pick a component indivisually, add it to your components option.

import { SuiButton } from 'vue-fomantic-ui'

export default {
  components: { SuiButton },
  // ...
}