# unocss-transformer-attribute-values-group

> Attribute values group transformer for UnoCSS.

Latest version **0.4.0** (published 2024-08-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install unocss-transformer-attribute-values-group
pnpm add unocss-transformer-attribute-values-group
yarn add unocss-transformer-attribute-values-group
bun add unocss-transformer-attribute-values-group
```

## Health

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

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

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2024-08-30 |
| First published | 2023-04-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 7.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | lvjiaxuan |
| Maintainers | lvjiaxuan |
| Keywords | unocss, unocss-transformer |

## Links

- npm: https://www.npmjs.com/package/unocss-transformer-attribute-values-group
- Repository: https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group
- Homepage: https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group#readme
- Issues: https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group/issues
- npm.io page: https://npm.io/package/unocss-transformer-attribute-values-group

## Dependencies (2)

- [unocss](https://npm.io/package/unocss.md) ^0.62.3
- [magic-string-stack](https://npm.io/package/magic-string-stack.md) ^0.1.1

## 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.4.0 (latest) — 2024-08-30
- 0.3.0 — 2024-06-11
- 0.2.5 — 2024-02-03
- 0.2.4 — 2023-12-05
- 0.2.3 — 2023-09-10
- 0.2.2 — 2023-05-11
- 0.2.1 — 2023-05-09
- 0.2.0 — 2023-05-06
- 0.1.4 — 2023-04-25
- 0.1.5 — 2023-04-25
- 0.1.3 — 2023-04-25
- 0.1.2 — 2023-04-23
- 0.1.1 — 2023-04-19

## README

[![npm](https://img.shields.io/npm/v/unocss-transformer-attribute-values-group)](https://www.npmjs.com/package/unocss-transformer-attribute-values-group)

# Installation

```sh
pnpm add -D unocss-transformer-attribute-values-group
```

# Usage

```ts
// uno.config.ts
import { defineConfig } from 'unocss'
import transformerAttrValuesGroup from 'unocss-transformer-attribute-values-group'

export default defineConfig({
  transformers: [
    transformerAttrValuesGroup,
  ],
})
```

```vue
<template>
  <input
    :type="type"
    class="[&[type=(number text)]]:c-red"
  >
  <div
    :data-name="name"
    class="data-[name=(jack tom)]:c-red"
  />
</template>
```

transformed like:
```html
<input class="[&[type=number],&[type=text]]:c-red" />
<div class="data-[name=jack]:c-red data-[name=tom]:c-red" />
```

[tests](https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group/blob/main/tests/index.test.ts) for more usages.

# References

- [using-arbitrary-variants](https://tailwindcss.com/docs/hover-focus-and-other-states#using-arbitrary-variants)
- [the better arbitrary-variants of unocss](https://github.com/unocss/unocss/blob/main/packages/preset-mini/src/_variants/misc.ts#L75)

---
_Source: https://npm.io/package/unocss-transformer-attribute-values-group · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._