<div is="dialog"> <h1 is="title"> { this.props.title } </h1> <div is="actions"> <Button is="Cancel" label="Cancel" />

<div is="dialog"> <h1 is="title"> { this.props.title } </h1> <div is="actions"> <Button is="Cancel" label="Cancel" /> <Button is="Accept" label="Accept" /> </div> </div> Seems more expressive to me than <div className="dialog">. I understand the point though; the example provided on the homepage is very contrived. Few people are going to do something like <span is="span">. (Well, I could be wrong.)