mirror of
https://github.com/tabler/tabler.git
synced 2026-08-08 04:12:26 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
46 lines
1.1 KiB
Plaintext
46 lines
1.1 KiB
Plaintext
---
|
|
// TOC comes in as a prop from the consuming page (h2/h3 headings from the
|
|
// markdown content, excluding <!--EXAMPLE-->...<!--/EXAMPLE--> blocks).
|
|
|
|
export interface TocItem {
|
|
/** 2 or 3 (h2/h3); h3 gets the ms-3 indent */
|
|
level: number
|
|
text: string
|
|
/** anchor without '#', e.g. "default-markup" */
|
|
id: string
|
|
}
|
|
|
|
interface Props {
|
|
toc?: TocItem[]
|
|
}
|
|
|
|
const { toc = [] } = Astro.props
|
|
|
|
// shared/data/illustrations.json has 100 entries.
|
|
const illustrationsCount = 100
|
|
---
|
|
|
|
<!-- BEGIN DOCS TOC -->{
|
|
toc.length > 0 && (
|
|
<Fragment>
|
|
<h3>Table of Contents</h3>
|
|
<div class="nav nav-vertical" id="toc">
|
|
{toc.map((item) => (
|
|
<a href={`#${item.id}`} class={`nav-link${item.level === 3 ? ' ms-3' : ''}`}>
|
|
{item.text}
|
|
</a>
|
|
))}
|
|
</div>
|
|
</Fragment>
|
|
)
|
|
}
|
|
|
|
<a href="https://r.tabler.io/illustrations" class="card card-sm mt-6 shadow-none" target="_blank">
|
|
<div class="card-body">
|
|
<img src="/img/banner-carbon.png" class="mb-3" alt="" />
|
|
|
|
<h4>{illustrationsCount} sleek illustrations for your startup's visual identity.</h4>
|
|
</div>
|
|
</a>
|
|
<!-- END DOCS TOC -->
|