Create an interactive example for `HWB()`

[francescorn]

Proposal

Create an interactive example for HWB().

Browser support

It is supported by Chrome, Edge, Firefox, Opera, and Safari.

Tasks

Create an interactive example for HWB in Values_and_units.

Dependencies

Merge pr (with any edits): https://github.com/mdn/content/pull/32100.

Additional information

Supports the information added in https://github.com/mdn/content/pull/32100

Are you willing to support this work?

Yes

[dipikabh]

Hi @francescorn, the hwb() page already contains an interactive example (the Try it section). Did you have something else in mind?

We have a separate repository for interactive examples and the guidelines for creating these example types are documented in our contribution guides.

[francescorn]

I am wondering if I can add a new interactive example to Values_and_units @dipikabh.

[github-actions[bot]]

It looks like this is your first issue. Welcome! 👋 One of the project maintainers will be with you as soon as possible. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

[dipikabh]

I've moved this issue to our interactive-examples repository, @francescorn.

The page you're referring to, Values and units, belongs in our Learn area. We don't add interactive examples there. (The "Values and units" page covers more than just the <color> data type.)

We add interactive examples to our reference pages (like the hwb() page) because they are more specific about a particular feature/property/function.

I am closing this issue for now. Please feel free to reopen if you have more ideas or suggestions for improving the docs.

[francescorn]

Okay, thank you @dipikabh. I will post in interactive-examples about the interactive-examples.