Source code
Revision control
Copy as Markdown
Other Tools
import figma, { html } from "@figma/code-connect/html";
// Desktop v3 (newest)
figma.connect(
{
props: {
heading: figma.string("Heading"),
items: figma.children("*"),
},
example: props => html`
<moz-page-nav heading=${props.heading}> ${props.items} </moz-page-nav>
`,
}
);
figma.connect(
{
props: {
label: figma.string("Label"),
iconSrc: figma.boolean("Show icon", {
}),
rule: figma.boolean("Show separator", {
true: html`<hr />`,
}),
selected: figma.boolean("Selected"),
},
example: props => html`
<moz-page-nav-button icon=${props.iconSrc} selected=${props.selected}>
${props.label}
</moz-page-nav-button>
${props.rule}
`,
}
);