Getting Started

Getting up and running with Fomantic-UI Vue

Install

Fomantic-UI Vue provides UI components based on Fomantic-UI.

via Package Manager

$ npm install vue-fomantic-ui
$ npm install fomantic-ui-css
# or
$ 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 },
  // ...
}