# ld-sticker

> Last Draft sticker plugin

Latest version **2.0.0** (published 2017-03-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install ld-sticker
pnpm add ld-sticker
yarn add ld-sticker
bun add ld-sticker
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2017-03-06 |
| First published | 2017-03-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Steven Iseki |
| Maintainers | steveniseki |
| Keywords | ld, ld-sticker, last draft, last-draft, last-draft-plugin, ld-plugin, ld plugin, draftjs sticker plugin, draft-js-sticker-plugin, draft-js-plugins, draftjs plugins, draftjs |

## Links

- npm: https://www.npmjs.com/package/ld-sticker
- Repository: https://github.com/steveniseki/ld-sticker
- Homepage: https://github.com/steveniseki/ld-sticker#readme
- Issues: https://github.com/steveniseki/ld-sticker/issues
- npm.io page: https://npm.io/package/ld-sticker

## Dependencies (3)

- [draft-js](https://npm.io/package/draft-js.md) 0.10.0
- [whatwg-fetch](https://npm.io/package/whatwg-fetch.md) ^2.0.2
- [styled-components](https://npm.io/package/styled-components.md) ^1.2.1

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2017-03-06
- 1.0.2 — 2017-03-06
- 1.0.1 — 2017-03-06
- 1.0.0 — 2017-03-03

## README

# ld-sticker
Sticker plugin for [last-draft](http://lastdraft.vace.nz) using [Giphy](https://github.com/Giphy/GiphyAPI)

[![npm version](https://badge.fury.io/js/ld-sticker.svg)](https://badge.fury.io/js/ld-sticker)

# Install
```jsx
npm install ld-sticker --save
```

# Use
```jsx
import {Editor} from 'last-draft'
import sticker from 'ld-sticker'
let plugins = [sticker]

export default class ExampleEditor extends Component {
  constructor(props) {
    super(props)
    const INITIAL_STATE = editorStateFromHtml('<div></div>')
    this.state = { value: INITIAL_STATE }
  }

  onChange(editorState) {
    this.setState({ value: editorState })
  }

  render() {
    return (
      <Editor
        inline={['bold', 'italic', 'code', 'dropcap']}
        blocks={['h2', 'quote']}
        plugins={plugins}
        editorState={this.state.value}
        onChange={::this.onChange} />
    )
  }
}
```

## Styles

Last Draft plugins use styled-components 💅 for the base styling.

## Custom Styles with CSS

You can also add custom css to override the base styling with the following class names specified below:

```css
.ld-sticker-modal-wrapper {}
.ld-sticker-block-wrapper {}
.ld-sticker-block {}
.ld-sticker-block-image {}
.ld-sticker-block-action {}
.ld-button-sticker-close {}
.ld-sticker-button {}
.ld-button-sticker-picker-close {}
.ld-button-sticker-picker-close-wrapper {}

.ld-sticker-picker-input {}
.ld-sticker-picker-wrapper-outer {}
.ld-sticker-picker-wrapper {}
.ld-sticker-picker-gif {}
```

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