Basics demo

Templates, props, and slots

The smallest useful slice of Crappie — reusable HTML files, values passed as attributes, and free-form content inside a component shell.

1
script tag
0
build steps
3
tags to learn

Props via <cr-use>

Each card is the same template file with different attributes.

Slots

Anything inside the tag fills the template's slot area.

Real markup — paragraphs, lists, icons, even other components once Crappie has finished its first pass.

  • Helper text and documentation
  • Forms, buttons, and inline code
  • Lucide icons via data-lucide

The panel shell came from panel.html. This paragraph is page content.

Lifecycle

Waiting for crappie:ready

Fires after base styles, templates, and includes on this page have mounted.

Loading…