Vuetning is a Salesforce Lightning Design System framework for Vue.js 2...
Vuetning is being developed in recent versions of Chrome. Support for Safari, Firefox, Edge and Opera will be added in the future.
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css" rel="stylesheet">
<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.umd.min.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)TBD
This project is licensed under the terms of the MIT license.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent