changed to named export

VirtualParticle · Jun 13, 2021 · e123da1 · e123da1
1 parent bcfc73d
commit e123da1
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -2,12 +2,22 @@
 
 A highly customizable React toggle slider component.
 
+## Installation
+
+Install using NPM:
+
+`npm install react-toggle-slider`
+
+Or install using Yarn:
+
+`yarn add react-toggle-slider`
+
 ## Usage
 
 To add the component, simply import `ToggleSlider` and use it in your app.
 
 ```tsx
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider }  from "react-toggle-slider";
 
 function App() {
     return (
@@ -61,7 +71,7 @@ similar to represent the status on the page.
 
 ```tsx
 
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider }  from "react-toggle-slider";
 
 function App() {
 

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import ToggleSlider from "react-toggle-slider";
+import { ToggleSlider } from "react-toggle-slider";
 
 function App() {
     return (

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-toggle-slider",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "author": {
     "email": "[email protected]",
     "name": "Mark Vadeika"

diff --git a/src/index.tsx b/src/index.tsx
@@ -125,7 +125,7 @@ function ToggleSlider({
     );
 }
 
-export function useToggleSlider(props?: ToggleSliderProps) {
+function useToggleSlider(props?: ToggleSliderProps) {
 
     const [activeState, setActiveState] = useState(props?.active ?? false);
 
@@ -137,4 +137,4 @@ export function useToggleSlider(props?: ToggleSliderProps) {
 
 }
 
-export default ToggleSlider;
+export { ToggleSlider, useToggleSlider };