Create component instances | Qt Creator Documentation

- Qt Creator Documentation
- Create component instances
- Qt Creator 19.0.0

Create buttons ◦ Create custom components

# Create component instances

Qt Quick Designer comes with preset components that you can use in your UI by creating instances of them.

To create component instances and edit their properties:

1. Drag components from Components (1) to the Navigator (2) or 2D (3) view. This creates instances of the components in the current component file.
2. Select component instances in Navigator to edit the values of their properties in Properties.

   For more information, see Set basic component properties.

3. To change the appearance and behavior of the component instances in ways that are not supported in Qt Quick Designer by default, you can define custom properties on the Properties tab in the Connections view.

   For more information, see Add custom properties.

4. To enable users to interact with the component instances, connect the instances to signals. For example, you can specify what happens when a component instance is clicked. For more information, see Connect components to signals.

5. To dynamically change the behavior of a component instance when another component instance changes, create bindings between them on the Bindings tab in the Connections view. For more information, see Add bindings between properties.

6. Add states to apply sets of changes to the property values of one or several component instances in the States view. For more information, see Working with states.
7. Animate the properties of component instances in the Timeline view. For more information, see Create timeline animations.

See also How to: Use UI components, Qt Quick UI design, and Designing Qt Quick UIs.

Create buttons ◦ Create custom components