Skip to content

Commit 7086d9f

Browse files
committed
Feature: custom component
1 parent 0d1a45b commit 7086d9f

File tree

15 files changed

+621
-49
lines changed

15 files changed

+621
-49
lines changed

README.md

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,29 +18,41 @@
1818
## Installation
1919

2020
#### HTML
21-
Include the script:
2221

2322
```html
2423
// Include vuejs
2524
<script type="text/javascript" src="./path/to/vue.min.js"></script>
2625

27-
// Include the vuejs-dialog plugin
26+
// Include vuejs-dialog plugin
27+
<link href="./path/to/vuejs-dialog.min.css" rel="stylesheet">
2828
<script type="text/javascript" src="./path/to/vuejs-dialog.min.js"></script>
2929

3030
<script>
3131
// Tell Vue to install the plugin.
3232
window.Vue.use(VuejsDialog.default)
3333
</script>
3434
```
35-
#### NPM
35+
#### Package Manager
3636
```javascript
3737
// installation via npm
38-
npm install vuejs-dialog
38+
npm i -S vuejs-dialog
39+
40+
// or
41+
42+
// installation via yarn
43+
yarn add vuejs-dialog
44+
```
45+
46+
```javascript
47+
// then
3948

4049
// import into project
4150
import Vue from "vue"
4251
import VuejsDialog from "vuejs-dialog"
4352

53+
// include the default style
54+
import 'vuejs-dialog/vuejs-dialog.min.css'
55+
4456
// Tell Vue to install the plugin.
4557
Vue.use(VuejsDialog)
4658
```
@@ -214,7 +226,7 @@ Vue.use(VuejsDialog, {
214226

215227
### CSS Override
216228

217-
Please use basic css, ex:
229+
If you have included the plugin's style and wish to make a few overides, you can do so with basic css, ex:
218230
```css
219231
.dg-btn--ok {
220232
border-color: green;

dist/vuejs-dialog-mixin.min.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)