# @iampava-devtools-ds/node

> A component for rendering DOM Node style opening and closing HTML tags.

Latest version **1.2.5** (published 2023-09-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install @iampava-devtools-ds/node
pnpm add @iampava-devtools-ds/node
yarn add @iampava-devtools-ds/node
bun add @iampava-devtools-ds/node
```

## Health

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

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

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.5 |
| Published | 2023-09-21 |
| First published | 2023-09-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 28.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 272 |
| Author | Tyler Krupicka github@tylerkrupicka.com |
| Maintainers | iampava |

## Links

- npm: https://www.npmjs.com/package/@iampava-devtools-ds/node
- Repository: https://github.com/intuit/devtools-ds
- Homepage: https://github.com/intuit/devtools-ds#readme
- Issues: https://github.com/intuit/devtools-ds/issues
- npm.io page: https://npm.io/package/@iampava-devtools-ds/node

## Dependencies (3)

- [clsx](https://npm.io/package/clsx.md) 1.1.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) 7.7.2
- [@iampava-devtools-ds/themes](https://npm.io/package/@iampava-devtools-ds/themes.md) ^1.2.5

## Recent versions

- 1.2.5 (latest) — 2023-09-21
- 1.2.3 — 2023-09-21
- 1.2.3-alpha.0 — 2023-09-21
- 1.2.2-alpha.0 — 2023-09-21

## README

# @iampava-devtools-ds/node

A component for rendering DOM Node style opening and closing HTML tags.

## Installation

```sh
npm i @iampava-devtools-ds/node
# or with yarn
yarn add @iampava-devtools-ds/node
```

Then to use the component in your code just import it!

```js
import { Node } from "@iampava-devtools-ds/node";
```

## Usage

The label can be a string or a React component.

```jsx

const properties = {
  class: 'test',
  style: 'font-weight: bold;'
};

<Node name="div" properties={properties} />
  Content
<Node closing name="div" />

```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="http://tylerkrupicka.com/"><img src="https://avatars.githubusercontent.com/u/5761061?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyler Krupicka</b></sub></a><br /><a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Documentation">📖</a> <a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Code">💻</a> <a href="#design-tylerkrupicka" title="Design">🎨</a> <a href="#example-tylerkrupicka" title="Examples">💡</a> <a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Tests">⚠️</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

---
_Source: https://npm.io/package/@iampava-devtools-ds/node · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._