Documentation
Directives
Directives connect plain HTML to application state, events, conditional UI, and list rendering.
Common directives
Use fyr-text for safe text, fyr-model for form state, fyr-click or fyr-on for events, fyr-show or fyr-if for conditional UI, and fyr-for for repeated content.
<input fyr-model="name">
<p fyr-text="name"></p>
<button fyr-click="save()">Save</button>
<p fyr-show="saved">Saved.</p>
<li fyr-for="task in tasks" fyr-key="task.id" fyr-text="task.title"></li>Bindings
Use attribute, class, style, reference, initialization, and transition directives for richer UI behavior.
<img fyr-bind:src="avatarUrl" fyr-bind:alt="name">
<div fyr-class="{ active: isActive }" fyr-style="{ color: accent }"></div>Keep exploringSee framework examples →