Vuetning is a Salesforce Lightning Design System framework for Vue.js 3, you can find the documentation for vuetning on https://vuetning.com.
Vuetning is being developed in recent versions of Chromium based browsers and Safari. Support for Firefox will be added in the future.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app">
<slds-button brand label="Hello World"/>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetning/dist/vuetning.es.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>- https://cdn.jsdelivr.net/npm/vuetning/dist/vuetning.umd.min.js
- https://cdn.jsdelivr.net/npm/@salesforce-ux/design-system
Vuetning is available as npm and yarn packages.
# npm
npm install vuetning# yarn
yarn add vuetningIn your main.js, or similar entry point, install vuetning using:
import Vue from 'vue'
import Vuetning from 'vuetning'
Vue.use(Vuetning)import Vue from 'vue'
import {sldsButton, sldsCombobox, sldsModal} from 'vuetning'
Vue.use(sldsButton)
Vue.use(sldsCombobox)
Vue.use(sldsModal)This project is licensed under the terms of the MIT license.