# docs-model-setup-react

> Linte Docs - Embeded Model Setup Component

Latest version **0.0.4** (published 2023-02-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install docs-model-setup-react
pnpm add docs-model-setup-react
yarn add docs-model-setup-react
bun add docs-model-setup-react
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2023-02-01 |
| First published | 2023-01-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 51.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | guilherme@linte.com |
| Maintainers | 6uimorais |
| Keywords | javascript, react, typescript |

## Links

- npm: https://www.npmjs.com/package/docs-model-setup-react
- npm.io page: https://npm.io/package/docs-model-setup-react

## Dependencies (3)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.14.6

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.4 (latest) — 2023-02-01
- 0.0.3 — 2023-02-01
- 0.0.2 — 2023-01-05

## README

# docs-model-setup-react

[![npm version][npmv-image]][npmv-url]

> Linte Docs - Embeded Model Setup React Component

## Basic Usage

```jsx
import React from 'react'
import { render } from 'react-dom'
import DocsForm from 'docs-model-setup-react';

function App() {
  return (
    <div className="App">
      <DocsModelSetup
        signedUrl="https://app.linteco/c/a3JavSqSgjrj5AoAs/m/ES5kAFRBbj3aF2BtX/{{hash}}}/edit_new"
        onSave={({  // optional callback
          hasChanges,
        }) => prompt('Saved!', JSON.stringify({ modelId }))}
        btnBack="show" // optional field, options: 'show' | 'close' | 'https://link.com' 
        onBackClick={({ modelId }) => // optional callback
          prompt('Back Button clicked!', JSON.stringify({ modelId }))}
      />
    </div>
  );
}

render(App, document.getElementById('root'))
```

## Live Examples

- [Basic Usage](https://codesandbox.io/s/)


## Installation

```
$ npm install docs-model-setup-react --save
```

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