API / Helpers

UI Elements

Helpers for rendering UI elements.

These are available for use in documentation page templates and custom preview inspector panel templates.

code (language = :html, **opts, &block)

Display a syntax-highlighted block of code.

An alternative to using markdown code blocks for templates that have markdown parsing disabled, or for when more control is required.


language Symbol

Which language the code is written in

opts Hash

Options hash

block Proc

Code block

icon (name, **opts)

Render an icon.

Lookbook uses icons from the Lucide Icons set and a full list of available icon names can be found on that site.


name Symbol,String

Name of the icon

opts Hash

Options hash


<%= icon :trash %>
<%= icon :camera, size: 6, style: "color: red;" %>

User Guide

Extending Lookbook