Feature: `id:` directive

[Ocean-OS]

Describe the problem

Since there's the class: element directive, it seems logical to add a id: element directive. There are often developers that prefer to use element IDs over classes.

Describe the proposed solution

Add an id: element directive. This would be used in very similar ways as the class: directive, just for element IDs.
Example:

<div id:example={isExample}></div>

Importance

nice to have

[webJose]

I don't understand the request. What is "example" in "id:example"? What would be the resulting markup for this?

Also note that ID's are more complex when you take into account SSR. There have been requests to create a consistent way to create dynamic ID's that are consistent with SSR->hydration. Unsure if your request may have relation to this.

[harrisi]

I think the idea is that the id would be example if isExample is true (or truthy, presumably). So, if isExample is truthy, the resulting markup would be:

<div id=example></div>

and if it's not truthy, it would be just <div></div>, I suppose.

[paoloricciuti]

I don't think this makes sense...classes can be arbitrary, id should technically be unique so it's far less usual to toggle an id on an element.

[dummdidumm]

I agree, ids should be unique and are generally not toggled on/off, so this would be a super niche feature for which we increase the API surface - therefore closing.