Jump to content

Template:StorybookComponent: Difference between revisions

From Swarthmore Knowledge Base
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>{{#widget:StorybookComponent|id={{{id}}}|width={{{width|}}}|height={{{height|}}}|toggle-states={{{toggle-states|false}}}</includeonly>
<includeonly>{{#widget:StorybookComponent|id={{{id}}}|width={{{width|}}}|height={{{height|}}}|toggle-states={{{toggle-states|}}}}}</includeonly>
<noinclude>== Usage ==
<noinclude>== Usage ==


Line 20: Line 20:
"type": "string"
"type": "string"
},
},
        "toggle-states": {
"toggle-states": {
            "description": "Display a toggle demonstrating different states?",
"description": "Display a toggle demonstrating different states?",
"type": "boolean"
"type": "boolean",
        }
"default": "false"
}
},
},
"paramOrder": [
"paramOrder": [
Line 29: Line 30:
"width",
"width",
"height",
"height",
        "toggle-states"
"toggle-states"
],
],
"description": "Embeds a Storybook component given its ID"
"description": "Embeds a Storybook component given its ID"

Revision as of 15:22, 14 May 2026

Usage

{{StorybookComponent|components-two-column-layout--two-column-layout}}

Embeds a Storybook component given its ID

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
idid

Storybook component ID

Stringrequired
widthwidth

The width in pixels of the storybook component

Stringoptional
heightheight

The height in pixels of the storybook component

Stringoptional
toggle-statestoggle-states

Display a toggle demonstrating different states?

Default
false
Booleanoptional