https://github.com/rajdeepc/react-awesome-drawer

A React Sliding Drawer Component
https://github.com/rajdeepc/react-awesome-drawer

List: react-awesome-drawer

drawer react react-component reactjs slider-plugin

Last synced: about 2 months ago
JSON representation

A React Sliding Drawer Component

• Host: GitHub
• URL: https://github.com/rajdeepc/react-awesome-drawer
• Owner: Rajdeepc
• Created: 2020-06-10T08:51:12.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-10T08:55:53.000Z (about 6 years ago)
• Last Synced: 2025-11-11T08:01:51.491Z (8 months ago)
• Topics: drawer, react, react-component, reactjs, slider-plugin
• Language: JavaScript
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Introduction

A React Sliding Drawer Component

## Installation

```

npm i react-awesome-slider --save

```

## How to use

```

import React, { useState, useEffect } from "react";

import {ReactSlider} from "react-awesome-slider";

export default function App() {

  

  const [showSlider, setShowSlider] = useState(false)

  return (

    


       {}}

      position="right"

      />

  );

}


```

## Options

ReactSlider supports five options, both of which are mandatory

* show: true | false,

* headerTitle: string,

* dataList: array of objects,

* itemElement: component,

* position: 'right' | 'left'