Handling of unique IDs?

[felix-bohlin]

Is there anything similar to React's useId or Svelte's $props.id in Ripple?

Examples like this one should be quite common in the wild, but maybe I'm overcomplicating it.

component Accordion(props: AccordionProps) {
	const summaryId = someUniqueId // <---
	const contentId = anotherUniqueId // <---

	<details>
		<summary id={summaryId} aria-controls={contentId}>{props.title}</summary>
		<div id={contentId} aria-labelledby={summaryId}>
			<props.children />
		</div>
	</details>
}

[trueadm]

This is something on our roadmap. We'll probably have something quite identical to $props.id.