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

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

Defining a Component To define a component, run: ember

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

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

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