Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

Salesforce Lightning Design System framework for Vue.js 3

License

NotificationsYou must be signed in to change notification settings

marceloatg/vuetning

Repository files navigation

VuetningvuetningNPM downloadsgzip size

Introduction

Vuetning is a Salesforce Lightning Design System framework for Vue.js 3, youcan find the documentation for vuetning onhttps://vuetning.com.

Components

NameAvailabilityCoverageDocumentation
Accordion
Accordion Section
Activity Timeline
Alert
App Launcher
Avatar
Avatar Group
Badge
Brand Band
Breadcrumbs
Builder Header
Button
Button Group
Button Icon
Card
Carousel
Chat
Checkbox
Checkbox Button
Checkbox Button Group
Checkbox Group
Checkbox Toggle
Code Block
Color Picker
Combobox
Counter
Data Table
Date Picker
Datetime Picker
Docked Composer
Docked Form Footer
Docked Utility Bar
Drop Zone
Dueling Picklist
Dynamic Icon
Dynamic Menu
Expandable Section
Expression
Feed
Files
File Selector
Formatted Date Time
Global Header
Global Navigation
Icon
Illustration
Input
List Builder
Lookup
Map
Media Object
Menu
Modal
Multi Picklist
Notifications
Page Header
Pagination
Panel
Path
Picklist
Pill
Popover
Progress Bar
Progress Indicator
Progress Ring
Prompt
Publisher
Radio Button Group
Radio Group
Rich Text Editor
Scoped Notification
Scoped Tabs
Setup Assistant
Slider
Spinner
Split View
Summary Detail
Tabs
Text
Text Area
Tile
Time Picker
Toast
Tooltip
Tree
Tree Grid
Trial Bar
Vertical Navigation
Vertical Tabs
Virtual Scroller
Visual Picker
Welcome Mat
Wide Radio Group

Browser Support

Vuetning is being developed in recent versions ofChromium based browsers andSafari. Support forFirefoxwill be added in the future.

Quick-start CDN

<!DOCTYPE html><html><head><metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"></head><body><divid="app"><slds-buttonbrandlabel="Hello World"/></div><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><scriptsrc="https://cdn.jsdelivr.net/npm/vuetning/dist/vuetning.es.js"></script><script>newVue({el:'#app'})</script></body></html>

CDN Links

Install inside a NPM project

Vuetning is available asnpm andyarnpackages.

# npmnpm install vuetning
# yarnyarn add vuetning

Usage

In yourmain.js, or similar entry point, install vuetning using:

All components

importVuefrom'vue'importVuetningfrom'vuetning'Vue.use(Vuetning)

Or use individual components:

importVuefrom'vue'import{sldsButton,sldsCombobox,sldsModal}from'vuetning'Vue.use(sldsButton)Vue.use(sldsCombobox)Vue.use(sldsModal)

License

This project is licensed under the terms of theMIT license.

About

Salesforce Lightning Design System framework for Vue.js 3

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp