This is part of my Building Fluentic Style series, where I’m writing down the design decisions, tradeoffs, and small surprises from building Fluentic Style.

Most Fluentic examples start with a component that owns its DOM.

<button css={styles.root}>

<span css={styles.icon}>{icon}</span>

<span css={styles.label}>{children}</span>