Element: #121 Languages (display/code-snippet)
What it shows: Three CodeSnippet blocks highlighting Svelte, TypeScript and CSS sources.
When to use: Documentation or settings pages that display code samples with syntax highlighting.
Spec:
- `import { CodeSnippet } from '@codeatlasdev/ui/code'` is the entry point
- `` shows an `AppList` markup sample
- `` shows a `useListState` call
- `` shows rules using design tokens
- Wrapper `.col` has `width: 100%`
Tags: code-snippet, code, syntax-highlighting, svelte, typescript, css
Needs: @codeatlasdev/ui@4.4.0 + shiki
Components: CodeSnippet
Live demo: https://ui.codeatlas.com.br/docs/display/code-snippet#languages