phoenix-views-templates

HEEx templates render HTML content in Phoenix web apps through embedded Elixir syntax. Write templates with HEEx markup, use @ assigns for dynamic data, and Phoenix compiles them to HTML output for server-side rendering in views and pages.

Yes. HEEx function components let you create reusable UI building blocks with attr declarations for inputs and slots for flexible content placement. Nest and compose components to build dashboards and pages without repeating template code.

HEEx templates support if/unless/case conditionals and for loops directly in markup. Combine these with @ assigns to render content conditionally or iterate over data collections, keeping template logic clean and readable.

Assign data in your view module and access it in HEEx templates via @ syntax (e.g., @variable_name). Assigns flow from controller or view into templates, enabling dynamic content and component inputs without manual passing.

Yes. Named slots in HEEx function components let parent templates inject content into specific regions, enabling flexible and reusable layout patterns across dashboard UI and multi-section page components.

embed_templates loads HEEx template files into a view module, making them available for rendering. It organizes templates by file path, automates module compilation, and enables clean separation of template code from view logic.