Code

Display your code clearly!

On this page

Install usebootstrap-docs

Code is an experimental component included in the usebootstrap-docs module.

Module installation is required to run

Installation of use-bootstrap-docs NPM Package

npx nuxi@latest module add usebootstrap-docs

Snippet

Create a best area to display the demo code.

This is Example Code!

vue
<template>
  <Snippet>
    <Example>
      <h2>This is Example Code!</h2>
    </Example>
    <ExamplesCode
      path="/extend/code/example.vue"
      lang="vue"
    />
  </Snippet>
</template>
vue
<template>
  <Snippet>
    <Example>
      <h2>This is Example Code!</h2>
    </Example>
    <ExamplesCode
      path="/extend/code/example.vue"
      lang="vue"
    />
  </Snippet>
</template>

BashSnippet

It is possible to format code or text. To format text that spans multiple lines, add <pre>.

(Include Pre Tag)
This is BashSnippet
Candy Candy Sleepy🐳
vue
<template>
  <BashSnippet>
    <pre>
(Include Pre Tag)
This is BashSnippet
Candy Candy Sleepy🐳
</pre>
  </BashSnippet>
</template>