You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
marco 2d7e161385
Merge pull request #714 from nextcloud/fix-navitem-edit
4 days ago
docs fix package rename 2 weeks ago
src Merge pull request #714 from nextcloud/fix-navitem-edit 4 days ago
styleguide Add MultiselectTags component 1 week ago
.editorconfig Init component structure 1 year ago
.eslintrc.js Split 'AppNavigationItem' into small components 2 months ago
.gitignore Icon font 10 months ago
.npmignore Init component structure 1 year ago
.stylelintignore Icon font 10 months ago
.stylelintrc.js Allow pausing ongoing modal slideshow 3 months ago
.travis.yml Fix travis, remove cache (#365) 6 months ago
LICENSE Copyright typo fix 1 year ago
Makefile clean generated fonts (#354) 7 months ago
README.md fix badge 3 weeks ago
babel.config.js Move to browserslist global config 4 weeks ago
package-lock.json Merge pull request #728 from nextcloud/dependabot/npm_and_yarn/resolve-url-loader-3.1.1 5 days ago
package.json 1.2.0 1 week ago
styleguide.config.js Add MultiselectTags component 1 week ago
webpack.common.js Add all node_modules to externals 3 weeks ago
webpack.dev.js Fix a webpack devtool that works without unsave-eval CSP 1 year ago
webpack.prod.js Webpack conf style fix 1 year ago

README.md

Vue components

npm last version travis build status Dependabot status Codacy Badge Code coverage irc

This repo contains the various Vue.js components that Nextcloud uses for its internal design and structure. It provides standardized UI elements for building Nextcloud app frontends with Vue.js.

Documentation

A list of available components with examples to try out is available in the documentation.

Getting started

App example

If you want to check a real live example of a nextcloud app that uses this library, you can head over to https://github.com/skjnldsv/vueexample/ We will try to maintain this repository the best we can, but some example might be obsolete. Always check this repository documentation.

Install the library

npm i --save @nextcloud/vue

Usage

To use a component, just import it:

import { AppNavigation } from '@nextcloud/vue'

Depending on which components you use, you might want to only import individual (separately bundled) components:

import Avatar from '@nextcloud/vue/dist/Components/Avatar'

Development setup

If you want to work on improving the components it’s best to run the latest code and link it to your local Nextcloud installation:

  1. Install the dependencies with npm i
  2. Build the components every time you do changes: npm run build
  3. Connect it to your local Nextcloud development setup:
    • In this repository do npm link
    • In the repository of an app do npm link @nextcloud/vue

The link is going to be broken every time you do npm i in the app you linked it to, so then you will have to re-link.