Triggering Changes with Actions You can think of a component as a black box of UI functionality. So far, you've learned how parent components

Defining a Component To define a component, run: ember

Using Block Params Components can have properties passed in (Passing Properties to a Component), but they can also return output to be used

Passing Properties to a Component Components are isolated from their surroundings, so any data that the component needs has to be passed in

Customizing a Component's Element By default, each component is backed by a <div> element. If you were to look at a rendered

Handling Events You can respond to user events on your component like double-clicking, hovering, and key presses through event handlers. Simply

Wrapping Content in a Component Sometimes, you may want to define a component that wraps content provided by other templates.

The Component Lifecycle Part of what makes components so useful is that they let you take complete control of a section of the DOM. This allows