Attribute helper utility

[colepeters]

Conditional attributes can be tough to work with.

Our current recommended practice is using Object.keys:

export default function MyElement ({ html, state }) {
  const { attrs } = state
  const disabled = Object.keys(attrs).includes('disabled')
    ? 'disabled'
    : ''

  return html`<button ${disabled}>I Can Haz?</button>`
}

We should look into a helper to make this less cumbersome.

To keep in mind: there are attributes (e.g. many ARIA attributes) which are non-boolean.

See an example use case discussed in our Discord.