A Component is a single element of UI that can be seen and interacted with.

Components are self-contained, meaning they’re are selfish little buggers. They’re only concerned with themselves and everything within. They don’t have any influence on anything that happens outside of their little world.

A great example of a component would be a button.

<button class="c-button">Component</button>

This button (above) can be seen in the user interface. You can click on the button, and the button adjust it’s own background and border colors in response to your action.

See also