# @startupjs/babel-plugin-react-pug-classnames

> [react-pug] Transform className property using BEM classnames-like function

Latest version **0.55.8** (published 2023-12-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @startupjs/babel-plugin-react-pug-classnames
pnpm add @startupjs/babel-plugin-react-pug-classnames
yarn add @startupjs/babel-plugin-react-pug-classnames
bun add @startupjs/babel-plugin-react-pug-classnames
```

## Health

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

Positive: no vulnerabilities; high maintenance score.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.55.8 |
| Published | 2023-12-16 |
| First published | 2020-06-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 109 |
| Author | Pavel Zhukov |
| Maintainers | cray0000, yska, zag2art, fctsvirus, maestro.sc, byshock |
| Keywords | babel, babel-plugin, pug, classname, classnames, stylename, style, react, react-native, react-native-web |

## Links

- npm: https://www.npmjs.com/package/@startupjs/babel-plugin-react-pug-classnames
- Repository: https://github.com/startupjs/startupjs
- Homepage: https://github.com/startupjs/startupjs#readme
- Issues: https://github.com/startupjs/startupjs/issues
- npm.io page: https://npm.io/package/@startupjs/babel-plugin-react-pug-classnames

## 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.55.8 (latest) — 2023-12-16
- 0.59.0-canary.0 (canary) — 2024-11-08
- 0.56.0-alpha.0 (next) — 2024-01-15
- 0.58.0-canary.0 — 2024-11-08
- 0.57.0-canary.75 — 2024-09-23
- 0.57.0-canary.0 — 2024-05-25
- 0.55.7 — 2023-12-16
- 0.55.0 — 2023-11-29
- 0.55.0-alpha.1 — 2023-11-08
- 0.54.1 — 2023-11-01
- 0.54.0 — 2023-10-25
- 0.53.0 — 2023-08-17
- 0.52.1 — 2023-05-31
- 0.52.0 — 2023-05-26
- 0.51.0 — 2023-05-24
- … 47 more at https://npm.io/package/@startupjs/babel-plugin-react-pug-classnames/versions

## README

# @startupjs/babel-plugin-react-pug-classnames

Allows to properly parse sub-components in pug:

```pug
Card
  Card.Header.top(styleName={ active } title='Title')
    | Hello world
  Card.Content.middle
  Card.Footer(buttons=['Confirm', 'Cancel'])
```

## License

MIT

---
_Source: https://npm.io/package/@startupjs/babel-plugin-react-pug-classnames · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._