Posted almost 4 years ago. Visible to the public.

Haml: Prefixing a group of attributes

Haml lets you prefix a group of attributes by wrapping them in a hash. This is only possible with the {} attribute syntax, not with the () attribute syntax.

Example: HTML5 data attributes

HTML5 allows you to use arbitrary attributes like data-method and data-confirm. You can prefix a group of data- attributes like this:

Copy
%a{href: '/path', data: { method: 'delete', confirm: 'Really delete?' }} Label

This compiles to:

Copy
<a data-confirm='Really delete?' data-method='delete' href='/path'>Label</a>

Example: Unpoly attributes

You might also want to use this to define multiple Unpoly Archive attributes, which are all prefixed by up-:

Copy
%a{href: '/path', up: { target: '.element', transition: 'zoom-in' }} Label

This compiles to:

Copy
<a href='/path' up-target='.element' up-transition='zoom-in'>Label</a>

Does your version of Ruby on Rails still receive security updates?
Rails LTS provides security patches for unsupported versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2).

Owner of this card:

Avatar
Henning Koch
Last edit:
almost 4 years ago
by Henning Koch
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Henning Koch to makandra dev
This website uses short-lived cookies to improve usability.
Accept or learn more