Learn components by example

---
title: Learn components by example
description: Follow these procedures to learn how components create the functionality you need in your UI Builder pages.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/application-development/ui-builder/learning-components-by-example.html
release: australia
product: UI Builder
classification: ui-builder
topic_type: concept
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Customize UI Builder pages using components, Working in UI Builder, UI Builder, Builder library, Developing your application, Classic app development, Building applications]
---

# Learn components by example

Follow these procedures to learn how components create the functionality you need in your UI Builder pages.

-   **[Create dynamic filtered card displays](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/comp-ex-dynamic-filtered-card.md)**  
Create an interactive card layout to display records, add a dropdown to filter visible cards by name, and configure each card to open the full record in another UI Builder page when selected.
-   **[Create and customize alert messages in UI Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/comp-ex-alert-overview.md)**  
Learn how alert messages help you communicate feedback and status updates using both default and scripted approaches.
-   **[Filter records by priority with a flyout menu](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/comp-ex-filter-flyout-menu.md)**  
Configure a flyout menu that filters a task record list based on priority.

**Parent Topic:**[Customize UI Builder pages using components](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/work-components.md)