Skip to content

Commit 90d2780

Browse files
committed
update package name
1 parent b63d65b commit 90d2780

File tree

3 files changed

+18
-17
lines changed

3 files changed

+18
-17
lines changed

README.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
1-
# Vue Toggle Switch
1+
# Vue OnOff Toggle
22

3-
A simple, lightweight switch component made with Vue.js. Provides multiple themes with default configurations. You can also customize size, color and borders.
3+
A simple, lightweight on/off toggle component made with Vue.js. Provides multiple themes with default configurations. You can also customize size, color and borders.
44

55
## Installation
66
```bash
7-
npm install vue-toggle-switch --save
7+
npm install vue-onoff-toggle --save
88
```
99
or with `yarn`,
1010
```bash
11-
yarn add vue-toggle-switch
11+
yarn add vue-onoff-toggle
1212
```
1313

1414
## How to use
1515
```javascript
16-
import ToggleSwitch from 'vue-toggle-switch'
16+
import OnoffToggle from 'vue-onoff-toggle'
1717

1818
new Vue({
1919
components: {
20-
ToggleSwitch
20+
OnoffToggle
2121
},
2222
data() {
2323
return {
@@ -28,7 +28,7 @@ new Vue({
2828
```
2929

3030
```html
31-
<toggle-switch v-model="checked" />
31+
<onoff-toggle v-model="checked" />
3232
```
3333

3434
## Props
@@ -46,19 +46,19 @@ new Vue({
4646
</tr>
4747
<tr>
4848
<td>name</td>
49-
<td>Name to attach to checkbox input. Useful when the switch is used inside a form.</td>
49+
<td>Name to attach to checkbox input. Useful when the toggle is used inside a form.</td>
5050
</tr>
5151
<tr>
5252
<td>disabled</td>
53-
<td>Switch is disabled</td>
53+
<td>Toggle is disabled</td>
5454
</tr>
5555
<tr>
5656
<td>onColor</td>
57-
<td>Background color of checked switch</td>
57+
<td>Background color of checked toggle</td>
5858
</tr>
5959
<tr>
6060
<td>offColor</td>
61-
<td>Background color of unchecked switch</td>
61+
<td>Background color of unchecked toggle</td>
6262
</tr>
6363
<tr>
6464
<td>thumbColor</td>
@@ -70,11 +70,11 @@ new Vue({
7070
</tr>
7171
<tr>
7272
<td>width</td>
73-
<td>Width of the switch</td>
73+
<td>Width of the toggle</td>
7474
</tr>
7575
<tr>
7676
<td>height</td>
77-
<td>Height of the switch</td>
77+
<td>Height of the toggle</td>
7878
</tr>
7979
<tr>
8080
<td>margin</td>

package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
{
2-
"name": "vue-js-toggle-switch",
2+
"name": "vue-onoff-toggle",
33
"version": "1.0.0",
4-
"description": "A smart, lightweight and easy-to-use on/off switch component for Vue.js with multiple themes.",
5-
"main": "src/toggle-switch.vue",
4+
"description": "A smart, lightweight and easy-to-use on/off toggle component for Vue.js with multiple themes.",
5+
"main": "src/onoff-toggle.vue",
66
"keywords": [
77
"vue",
88
"component",
99
"toggle",
1010
"switch",
11+
"onoff",
1112
"button"
1213
],
1314
"author": "Haichen Song",

src/toggle-switch.vue renamed to src/onoff-toggle.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ function px(num) {
5151
}
5252
5353
export default {
54-
name: 'ToggleSwitch',
54+
name: 'OnoffToggle',
5555
props: {
5656
value: { type: Boolean, default: false },
5757
theme: { type: String, default: 'default' },

0 commit comments

Comments
 (0)