# shadow-view

> 一个针对 React 的 Shadow DOM 容器组件，利用 ShadowView 可更方便的在 React 应用中创建启用 Shadow DOM 的容器元素。

Latest version **4.0.1** (published 2019-09-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install shadow-view
pnpm add shadow-view
yarn add shadow-view
bun add shadow-view
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 4.0.1 |
| Published | 2019-09-03 |
| First published | 2019-07-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 56.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Houfeng |
| Maintainers | houzhanfeng |

## Links

- npm: https://www.npmjs.com/package/shadow-view
- npm.io page: https://npm.io/package/shadow-view

## Dependencies (5)

- [react](https://npm.io/package/react.md) ^16.8.6
- [react-dom](https://npm.io/package/react-dom.md) ^16.8.6
- [@types/node](https://npm.io/package/@types/node.md) ^12.6.3
- [@types/react](https://npm.io/package/@types/react.md) ^16.8.23
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.8.4

## Recent versions

- 4.0.1 (latest) — 2019-09-03
- 4.0.0 — 2019-09-03
- 3.9.9 — 2019-09-02
- 3.9.8 — 2019-09-02
- 3.9.7 — 2019-09-02
- 3.9.6 — 2019-09-02
- 3.9.5 — 2019-08-30
- 3.9.4 — 2019-08-30
- 3.9.3 — 2019-08-29
- 3.9.2 — 2019-08-26
- 3.9.1 — 2019-08-26
- 3.9.0 — 2019-08-26
- 3.8.10 — 2019-08-26
- 3.8.9 — 2019-08-26
- 3.8.8 — 2019-08-08
- … 30 more at https://npm.io/package/shadow-view/versions

## README

# ShadowView

一个针对 React 的 Shadow DOM 容器组件，利用 ShadowView 可更方便的在 React 应用中创建启用 Shadow DOM 的容器元素。

# 安装

```bash
npm i shadow-view --save
```

# 使用

```tsx
function App() {
  return (
    <ShadowView
      scoped={{
        style: `*{color:red;}`,
        imports: ["aaa.css"]
      }}
    >
      <div>这是一个测试</div>
    </ShadowView>
  );
}
```

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