Composition

as prop

Semantic UI React provides a way to compose React components through the as prop. It allows to compose component features and props without adding extra nested components.

Unhandled props & DOM attributes

Our components handle only props that are defined in their propTypes, all unhandled props are passed to the component you are rendering as. It means that all HTML props are supported on all components.

This is also essential for composing with third party libraries like react-router.