Referencia rápida

Hoja de trucos de Slim

Guía rápida para el motor de plantillas Slim en Ruby: sintaxis concisa, etiquetas HTML, condicionales, bucles y motores integrados.

· Publicado

Ejemplo básico

doctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"

  body
    h1 Markup examples
    #content
      p This example shows how to use Slim.

Etiquetas y anidamiento

p
  | First line
  | Second line
h1.title#header Header text
a href="https://example.com" title="Home" Home Page

Atributos

a href=url title=@title Link
input type="checkbox" checked=true
div class=["one", "two"]
div id="entry-#{entry.id}"

Evaluación de código Ruby

- if user.admin?
  p Welcome Administrator!
- else
  p Welcome Guest!
= current_user.name
== raw_html_content

Bucles

ul
  - @items.each do |item|
    li = item.name

Motores integrados

javascript:
  alert('Hello from Slim!');

sass:
  body
    color: #333

Referencias

Temas relacionados