DEV Community

Lam
Lam

Posted on

Haml Cheat Sheet

Ruby

-# This is a comment
-# Anything starting with a hyphen signals to Haml that Ruby is coming
- @arr = [1, 2, 3]
- @str = "test"
-# Equal signals output
= render partial: "shared/header"
= yield
= link_to page_url
Enter fullscreen mode Exit fullscreen mode

Inline Attributes

Either hash syntax works

%meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
%input{ :type => "text", :required => true }
Enter fullscreen mode Exit fullscreen mode

Classes and ID's

%p.class-example
.no-tag-defaults-to-div
%div#butItCanBeIncluded
Enter fullscreen mode Exit fullscreen mode

Tags

%html
  %head
    %title
  %body
    %h1 Hello World
    %br/
Enter fullscreen mode Exit fullscreen mode

Doctype

!!! 5
Enter fullscreen mode Exit fullscreen mode

Reference

Latest comments (0)