Ionic Components Skill

Component Priority

When building any UI element, always prefer Ionic components over custom HTML/CSS.

1. Check Ionic first — before creating any UI block, verify if an Ionic component exists for the use case
2. Use Ionic component if available — with proper ion- tags and Ionic properties
3. Custom HTML/CSS only if Ionic has no equivalent component or lacks required functionality

Component Properties (Angular)

String properties — без скобок

<ion-button expand="block" fill="outline" color="primary">Submit</ion-button>
<ion-input type="email" label="Email" placeholder="Enter email"></ion-input>
<ion-icon name="heart-outline" size="large"></ion-icon>