# Conditional Styles

Learn how to apply different styling dynamically, based on conditions or events (such as *On Hover*).

### **Video**

You may see a video on Conditional Styles below:

{% embed url="<https://www.loom.com/share/ecc9ed46dd2a4580bd952325935bcae1>" %}
This video shows you how to create dynamic user interfaces using **Conditional Styles**
{% endembed %}

### **Examples**

You may find examples of Conditional Styles in our Showroom:

<https://showroom.appfarm.app/ui-components/conditional-styles>

### **Documentation**

Relevant articles in our documentatio&#x6E;**:**

[Conditional Styles](https://docs.appfarm.io/reference/apps/ui/component-properties#conditional-style-properties)