Function data

data(els: OneOrMany<HTMLElement>, props: Record<string, string>): void
Get or set data-* attributes on one or more elements. Uses the native dataset API for camelCase key access.
Parameters
- els: OneOrMany<HTMLElement>
- props: Record<string, string>
Returns void
Example
```
data(el, { userId: '123', role: 'admin' });
    data(el, 'userId');              // → '123'
    data(el, ['userId', 'role']);     // → { userId: '123', role: 'admin' }
    data.remove(el, 'userId');
```
- Defined in packages/dom/src/data.ts:14
data(el: HTMLElement, key: string): string | undefined
Get or set data-* attributes on one or more elements. Uses the native dataset API for camelCase key access.
Parameters
- el: HTMLElement
- key: string
Returns string | undefined
Example
```
data(el, { userId: '123', role: 'admin' });
    data(el, 'userId');              // → '123'
    data(el, ['userId', 'role']);     // → { userId: '123', role: 'admin' }
    data.remove(el, 'userId');
```
- Defined in packages/dom/src/data.ts:18
data(el: HTMLElement, keys: string[]): Record<string, string | undefined>
Get or set data-* attributes on one or more elements. Uses the native dataset API for camelCase key access.
Parameters
- el: HTMLElement
- keys: string[]
Returns Record<string, string | undefined>
Example
```
data(el, { userId: '123', role: 'admin' });
    data(el, 'userId');              // → '123'
    data(el, ['userId', 'role']);     // → { userId: '123', role: 'admin' }
    data.remove(el, 'userId');
```
- Defined in packages/dom/src/data.ts:22

Index

Methods

Methods

remove

remove(els: OneOrMany<HTMLElement>, keys: string | string[]): void
Remove data-* attributes from one or more elements.
Parameters
- els: OneOrMany<HTMLElement>
- keys: string | string[]
Returns void
Example
```
data.remove(el, ['userId', 'role']);
    data.remove([el1, el2], 'role');
```
- Defined in packages/dom/src/data.ts:60