Code Location — Cinder component documentation

Overview

CodeLocation formats a file path and optional line and column as a compact source-location chip.

<script lang="ts">
  import CodeLocation from '@lostgradient/cinder/code-location';
</script>

<CodeLocation file="src/routes/+page.svelte" />

Live preview

src/routes/+page.svelte

Use when

Avoid when

Render a compact file, line, and column reference.

Props for code-location
Name	Type	Description
`file` required	`text`
`line`	`number`
`column`	`number`	Rendered only when `line` is also provided.
`children`	`snippet`