Docs / Components

SenseCodeSnippetComponent

Syntax-highlighted code block with optional multi-file tabs, line numbers, and copy-to-clipboard from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/code-snippet (port 4202).

Overview

Category: Display. Selector: sense-code-snippet. Import: import { SenseCodeSnippetComponent } from '@artificialsenselabs/ui';

Accessibility

  • Snippet region exposes a localized label for language or filename.
  • File tabs use a roving tablist when multiple files are provided.
  • Copy control has an accessible name; line numbers are decorative.