# omni-slide-editor

> Library for creating slide in web.

Latest version **1.0.8** (published 2019-11-04) · 0 weekly downloads

## Install

```sh
npm install omni-slide-editor
pnpm add omni-slide-editor
yarn add omni-slide-editor
bun add omni-slide-editor
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2019-11-04 |
| First published | 2019-10-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 146.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | wachrawit wacharak |
| Maintainers | tauhoo |

## Links

- npm: https://www.npmjs.com/package/omni-slide-editor
- Repository: https://github.com/Tauhoo/omni-slide-editor
- Homepage: https://github.com/Tauhoo/omni-slide-editor#readme
- Issues: https://github.com/Tauhoo/omni-slide-editor/issues
- npm.io page: https://npm.io/package/omni-slide-editor

## Dependencies (8)

- [redux](https://npm.io/package/redux.md) ^4.0.4
- [@babel/cli](https://npm.io/package/@babel/cli.md) ^7.6.4
- [@babel/core](https://npm.io/package/@babel/core.md) ^7.6.4
- [react-redux](https://npm.io/package/react-redux.md) ^7.1.1
- [react-scripts](https://npm.io/package/react-scripts.md) 3.2.0
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.6.3
- [styled-components](https://npm.io/package/styled-components.md) ^4.4.1
- [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) ^7.6.3

## Recent versions

- 1.0.8 (latest) — 2019-11-04
- 1.0.7 — 2019-11-04
- 1.0.6 — 2019-11-04
- 1.0.5 — 2019-11-04
- 1.0.4 — 2019-11-03
- 1.0.3 — 2019-11-03
- 1.0.2 — 2019-10-20
- 1.0.1 — 2019-10-20
- 1.0.0 — 2019-10-20

## README

# Omni-slide-editor

Omni-slide-editor is library that made for creating slide on React web application. And this library can use with Omni slide. The website that you can store your slide for your website.

# How to use

First, you need to install Omni slide editor in your project via this command.

```
npm install omni-slide-editor # for npm
yarn add omni-slide-editor # for yarn
```

## Controller

You can display editor via Controller variable lik this.

```
import React from 'react'
import Controller from 'omni-slide-editor'

export default () => <Controller></Controller>
```

You can put many props to manipulate your Controller.

## Props

| props    | detail                                              | default   | type     |
| -------- | --------------------------------------------------- | --------- | -------- |
| display  | Use for changing between display mode and edit mode | undefined | Boolean  |
| onChange | Be invoked when user click submit button            | undefined | Function |
| data     | Use for setting up default slide                    | undefined | Object   |

Example

```
import React from 'react'
import Controller from 'omni-slide-editor'

export default () => (
	<Controller display data={/* your data */}>
	</Controller>
)
```

This code use for display your slide by putting your data and display as props

---
_Source: https://npm.io/package/omni-slide-editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._