Skip to content
Elements / Navigation

breadcrumb

binds state

Where the user is, as a path like Shop / Shoes / Trail runners. Earlier steps can be pressed to go back.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground
Tweak the props

Props

"text"textThe steps, separated by slashes. The last one is the current page.required
bindstateState that receives the pressed step's text.—
onactionActions to run after a step is pressed, e.g. emit:changed. Separate several with ;—
ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—
tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—

SayShape v0.1 is an early prototype under the MIT License. Status · GitHub