Composant · Données

CodeSnippet

Documenté

Affiche du code en bloc (avec bouton de copie) ou inline. S'appuie sur CopyButton pour la copie.

npm install @sentropic/design-system-react

import { Button } from "@sentropic/design-system-react";

Voir le code (Svelte)

<CodeSnippet code="npm install @sentropic/design-system-react" />
<CodeSnippet code='import { Button } from "@sentropic/design-system-react";' />

Bloc

import { Button } from "@sentropic/design-system-svelte";

<Button variant="primary">Envoyer</Button>

Voir le code (Svelte)

<CodeSnippet
  code='import { Button } from "@sentropic/design-system-svelte";

<Button variant="primary">Envoyer</Button>'
  language="svelte"
  copyLabel="Copier"
  copiedLabel="Copié"
/>

Inline

Installe via npm i @sentropic/design-system-svelte puis importe.

API du composant

Prop	Type	Par défaut
`code`	`string`	requis
`language`	`string`	optionnel
`inline`	`boolean`	`false`
`copyable`	`boolean`	`true`
`copyLabel` / `copiedLabel`	`string`	`"Copy"` / `"Copied"`