ArtificialSenseDocs

Docs / Components

SenseCodeSnippetComponent

Docs-style code block — tabs, line numbers, copy, and TS/HTML/CSS/SCSS highlighting from @artificialsenselabs/ui. Other languages render as escaped plain text.

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'; Class the host for layout (no styleClass / variant). Window chrome is decorative.

Accessibility

  • Region label from language or filename; multi-file uses an APG tablist.
  • Single-file mode shows a static filename label (not a tab button).
  • Copy control uses an accessible name and aria-pressed while “copied”.
  • Line numbers and window chrome are decorative (aria-hidden).
ArtificialSense

AI-Native Enterprise Engineering Studio

© ArtificialSense · @artificialsenselabs/ui (MIT) & @artificialsenselabs/enterprise (Elastic License 2.0)

Privacy & telemetry

We use optional telemetry to catch production errors and measure real-user performance. Those scripts load only after you choose. Our host also runs cookieless aggregate page analytics — see the privacy policy.