Web Component Usage

Bolt Code Snippet is a web component, you can simply use <bolt-code-snippet> in the markup to make it render.

Headline

<bolt-code-snippet lang="html"> <header> <h1>Headline</h1> </header> </bolt-code-snippet>

Prop Usage

Configure the code snippet with the properties specified in the schema.

.my-scss { @include my-mixin; }

<bolt-code-snippet lang="scss" display="block" syntax="light"> .my-scss { @include my-mixin; } </bolt-code-snippet>