{"$comment":"Aardvark site navigation index for AI assistants. Each entry in 'pages' describes one page: its URL, title, breadcrumb trail, description, keywords, headings, and the link text of pages that link to it. Use this file to identify which pages are relevant to a question, then fetch the page's 'markdownUrl' to read its current full content. 'glossary' lists the site's public defined terms with their definitions (and acronym when applicable) — use these to answer questions about site-specific concepts without fetching a page. 'corpus' points at /llms-full.txt — the entire site as one Markdown file — with its size in bytes and approximate tokens; if it's small enough, fetching it once can be cheaper than navigating page by page. Generated at build time; re-fetch to get the latest index.","schema":{"pages":{"url":"Site-absolute canonical URL of the page (e.g. /docs/foo/)","title":"Page title","breadcrumb":"Navigation trail from the site root to this page (array of labels)","description":"Short description from the page's front matter","keywords":"Keywords from the page's front matter (array of strings)","headings":"All h1–h6 heading text on the page (array of strings)","inboundLinks":"Map of link-text to occurrence count for internal links pointing at this page","markdownUrl":"Site-absolute URL to fetch this page's raw Markdown source (append to the site base URL)"},"glossary":{"term":"The defined term","definition":"Plain-text definition of the term","acronym":"Short abbreviation for the term, if one exists (field omitted when absent)"},"corpus":{"llmsFullUrl":"Site-absolute URL of the full-corpus Markdown file (every page concatenated)","bytes":"Size of the full corpus in bytes","approxTokens":"Rough token estimate (bytes/4) to help decide whether to fetch it"}},"pages":[{"url":"/accessibility/","title":"Accessibility","breadcrumb":["Docs","Features","Accessibility"],"description":"How aardvark sites meet WCAG 2.1 AA — landmarks, keyboard navigation, and a build-time contrast check.","keywords":[],"headings":["Accessibility","Standards we follow","Built-in accessibility features","Keyboard shortcuts","Build-time contrast check","Writing accessible content","Roadmap"],"inboundLinks":{"Accessibility":1,"contrast audit":1},"lang":"en","markdownUrl":"/accessibility.md"},{"url":"/agent-discovery/","title":"Agent discovery","breadcrumb":["AI Features","Agent-ready","Agent discovery"],"description":"Always-on agent-discovery endpoints — an MCP Server Card, OAuth/OIDC discovery, OAuth Protected Resource metadata, auth.md, and DNS-AID records — emitted by every build.","keywords":[],"headings":["Agent discovery","MCP Server Card","OAuth / OIDC discovery","The agent_auth block","Protected Resource metadata","auth.md","DNS-AID records","This step is manual (and required)","How they’re served"],"inboundLinks":{"Agent discovery":3},"lang":"en","markdownUrl":"/agent-discovery.md"},{"url":"/agent-readiness/","title":"Agent readiness","breadcrumb":["AI Features","Agent-ready","Agent readiness"],"description":"A checklist for making your site AI-agent ready — what aardvark publishes for you on every build, and the few steps only you can do (a Web Bot Auth key, DNS-AID records, real OAuth) to score well on isitagentready.com.","keywords":[],"headings":["Agent readiness","How the score works","What aardvark publishes for you (no work required)","Hand this site to an agent (the page menu)","What only you can do","1. Publish a Web Bot Auth key","2. Publish your DNS-AID records (and enable DNSSEC)","3. Point OAuth at your IdP","Full checklist","Verify your score","Known gaps"],"inboundLinks":{"Agent readiness":3},"lang":"en","markdownUrl":"/agent-readiness.md"},{"url":"/ai-assistant/","title":"AI assistant & analytics","breadcrumb":["AI Features","AI assistant"],"description":"A built-in \"Ask AI\" chat panel for your readers, and a full conversation-analytics dashboard behind it — Top Questions, Coverage Gaps, intent tags, search, digests, and more.","keywords":[],"headings":["AI assistant & analytics","The reader’s assistant","Enable it","Options","The analytics dashboard","Insights — the overview","Top Questions","Coverage Gaps","Conversations","Source Analytics","Periods, trends & the email digest","Ask your analytics","Programmatic export","How it’s billed","Privacy","Related"],"inboundLinks":{"AI assistant":2,"AI assistant & analytics":1,"the AI assistant":1},"lang":"en","markdownUrl":"/ai-assistant.md"},{"url":"/ai-features/","title":"Build-time AI","breadcrumb":["AI Features","Build-time AI"],"description":"Opt-in, cached AI features — generate frontmatter, example API responses, and Claude Code skills from your docs, via the aardvark gateway.","keywords":[],"headings":["Build-time AI","Enable","What each does","Run on demand"],"inboundLinks":{"Agent Skill":1,"Build-time AI":7,"IA à la compilation":1,"assistant app":1,"build-time AI":2,"vark ai-enrich":1},"lang":"en","markdownUrl":"/ai-features.md"},{"url":"/ai-gateway/","title":"aardvark cloud gateway","breadcrumb":["AI Features","Cloud gateway"],"description":"The managed metering proxy behind the built-in Ask AI assistant — a prepaid balance with customer self-funding via Stripe card-on-file and auto-top-up.","keywords":[],"headings":["aardvark cloud gateway","The prepaid model","Customer self-funding (card-on-file + auto-top-up)","Safety properties","For operators: enabling Stripe","Reader attachments","Model capability","Cost","Security & privacy","Related"],"inboundLinks":{"Cloud gateway":2,"Passerelle cloud":1,"Reader attachments":1,"aardvark cloud gateway":2,"cloud gateway":4},"lang":"en","markdownUrl":"/ai-gateway.md"},{"url":"/ai/","title":"AI Features","breadcrumb":["AI Features","Overview"],"description":"Every AI and agent-enabling capability in one place — the Ask AI assistant, the cloud gateway, build-time enrichment, MCP/WebMCP, and agent discovery.","keywords":[],"headings":["AI features","For readers","For agents"],"inboundLinks":{"AI Features":1,"AI features":1,"Aardvark cloud gateway":1,"Fonctionnalités IA":1},"lang":"en","markdownUrl":"/ai.md"},{"url":"/analytics/","title":"Analytics & ratings","breadcrumb":["Docs","Features","Analytics & ratings"],"description":"Drop in any of 16 analytics platforms from config, and capture page-rating feedback as events.","keywords":[],"headings":["Analytics & page ratings","Supported platforms","Anything else? Inject any snippet","Google Analytics","Page ratings"],"inboundLinks":{"Analytics":1},"lang":"en","markdownUrl":"/analytics.md"},{"url":"/api/","title":"Aardvark Gateway API","breadcrumb":["Gateway API","Aardvark Gateway API"],"description":"The live, auto-generated HTTP reference for the Aardvark cloud gateway — rendered inline by the openapi directive on a wide-mode page.","keywords":[],"headings":[],"inboundLinks":{"Gateway API":2,"reference page":1},"lang":"en","markdownUrl":"/api.md"},{"url":"/authoring/assets/","title":"Custom CSS & JS","breadcrumb":["Docs","Authoring","Custom CSS & JS"],"description":"Add your own stylesheets, scripts, and static files — they're copied, fingerprinted, and linked automatically.","keywords":[],"headings":["Custom CSS & JS","Root stylesheets and scripts","Static files","Fingerprinted output","Theme assets"],"inboundLinks":{"Custom CSS & JS":1},"lang":"en","markdownUrl":"/authoring/assets.md"},{"url":"/authoring/block-components/","title":"Block components","breadcrumb":["Docs","Authoring","Block components"],"description":"Wrap Markdown in a custom tag pair to build compound Mantine components whose panel bodies render as full Markdown.","keywords":[],"headings":["Block components","Markdown content","More Markdown content","How it works","Built-in block components"],"inboundLinks":{"block component":1,"block components":1},"lang":"en","markdownUrl":"/authoring/block-components.md"},{"url":"/authoring/components-and-snippets/","title":"Components & snippets","breadcrumb":["Docs","Authoring","Components & snippets"],"description":"Embed any Mantine component or your own React snippet from Markdown with component(), including nesting.","keywords":[],"headings":["Components & snippets","Mantine components","Custom snippets","Overriding a built-in","A snippet is also a tag","Attaching HTML attributes (attr)","Nesting"],"inboundLinks":{"Components":1,"Components & snippets":3,"component()":1,"custom component":1,"island":1,"snippet":4},"lang":"en","markdownUrl":"/authoring/components-and-snippets.md"},{"url":"/authoring/custom-components/","title":"Custom components","breadcrumb":["Docs","Authoring","Custom components"],"description":"Define a reusable, parameterized component in components/*.md — a named tag with typed params whose body holds your component() calls. A build-time macro, no JS.","keywords":[],"headings":["Custom components","Define one","Use it — inline or block","Parameters","A definition body can blend anything","Built-in components","Custom components vs snippets"],"inboundLinks":{"Custom component":1,"custom component":7,"snippet":5},"lang":"en","markdownUrl":"/authoring/custom-components.md"},{"url":"/authoring/custom-snippets/","title":"Custom snippets","breadcrumb":["Docs","Authoring","Custom snippets"],"description":"A custom snippet is a real React component in snippets/*.jsx — for behavior composition can't express. Usable as both component('Name', …) and a {% Name %} tag. This page explains how a snippet becomes a tag and when to reach for one over a custom component.","keywords":[],"headings":["Custom snippets","Write one","Two ways to use it","Snippet or custom component?","A case that has to be a snippet"],"inboundLinks":{"Custom snippets":2,"snippet":1,"snippet vs. custom component":1},"lang":"en","markdownUrl":"/authoring/custom-snippets.md"},{"url":"/authoring/markdown-reference/","title":"Markdown reference","breadcrumb":["Docs","Authoring","Markdown reference"],"description":"A live demo of every Markdown element aardvark renders — headings, text styles, lists, tables, blockquotes, code, diagrams, images, and footnotes — plus the built-in tags.","keywords":[],"headings":["Markdown reference","Headings","Heading level 1","Heading level 2","Heading level 3","Heading level 4","Heading level 5","Heading level 6","Paragraphs and line breaks","Text formatting","Smart typography","Links","Inline HTML","Blockquotes","GitHub-style alerts","Lists","Task lists","Definition lists (not enabled)","Tables","Code","Code block decorators","Pulling code from a file","Showing just a snippet","From a GitHub repo","One source per block","Diagrams","ASCII diagrams with Markdeep","Horizontal rules","Images","Footnotes","Escaping and literals","Built-in tags"],"inboundLinks":{},"lang":"en","markdownUrl":"/authoring/markdown-reference.md"},{"url":"/authoring/navigation/","title":"Navigation menus","breadcrumb":["Docs","Authoring","Navigation menus"],"description":"Tabs live in the config; left-nav menus are defined in page front matter, Hugo-style — menu, parent, navtitle, weight, and heading.","keywords":[],"headings":["Navigation menus","Tabs (config)","Dropdown tabs","Optional: a site with no tabs","Menus (front matter)","Sections from folders","Two kinds of entry, plus labels","Icons"],"inboundLinks":{"Navigation menus":1},"lang":"en","markdownUrl":"/authoring/navigation.md"},{"url":"/authoring/tables/","title":"Tables","breadcrumb":["Docs","Authoring","Tables"],"description":"Every Markdown table is sortable, filterable, and striped by default — no special syntax or component required.","keywords":[],"headings":["Tables","Example","Turning sorting or filtering off","Notes"],"inboundLinks":{"sortableTables":1},"lang":"en","markdownUrl":"/authoring/tables.md"},{"url":"/authoring/templating/","title":"Templating & data","breadcrumb":["Docs","Authoring","Templating & data"],"description":"Use real Python inside {% %} tags, and reference JSON/YAML/CSV data as data.file.property.","keywords":[],"headings":["Templating & data","The two kinds of block","Data files","What’s in scope","Showing literal syntax","Headings and anchor links","Page layout modes"],"inboundLinks":{"Templating & data":4,"data file":1,"real Python":1},"lang":"en","markdownUrl":"/authoring/templating.md"},{"url":"/authoring/twoslash/","title":"Twoslash","breadcrumb":["Docs","Authoring","Twoslash"],"description":"Opt a TypeScript or JavaScript code block into Twoslash to add interactive type hovers, inline compiler errors, and `// ^?` type queries — powered by the real TypeScript language service at build time.","keywords":[],"headings":["Twoslash","Type queries","Showing errors","Trimming setup with // ---cut---","Multiple files","Configuration","Requirements"],"inboundLinks":{"Twoslash":2},"lang":"en","markdownUrl":"/authoring/twoslash.md"},{"url":"/changelog/","title":"Changelog","breadcrumb":["Changelog","Changelog"],"description":"What's new in aardvark — releases and notable changes, newest first, filterable by tag.","keywords":[],"headings":["Changelog"],"inboundLinks":{"Changelog":3},"lang":"en","markdownUrl":"/changelog.md"},{"url":"/cli/","title":"CLI reference","breadcrumb":["Docs","Deploy","CLI reference"],"description":"Every aardvark command — new, build, dev, link-check, and ai-enrich — and the options each takes.","keywords":[],"headings":["CLI reference","Commands","vark new PATH","vark build","vark dev","vark link-check","vark convert PLATFORM INPUT_PATH OUTPUT_PATH","vark ai-enrich","vark author","vark serve","vark update","vark version COMMAND [ARGS]...","vark web-bot-auth-keygen"],"inboundLinks":{"CLI reference":1,"vark dev":1},"lang":"en","markdownUrl":"/cli.md"},{"url":"/components/buttons/actionicon/","title":"ActionIcon","breadcrumb":["Components","Buttons","ActionIcon"],"description":"The built-in actionicon tag — Mantine's icon-only button. Render any icon (Tabler, Font Awesome, image, emoji, or inline SVG) with the full ActionIcon surface: variant, color, size, radius, loading, disabled, gradient, plus link mode and onclick.","keywords":[],"headings":["ActionIcon","The icon","Accessible name","Variant","Gradient","Color, size, and radius","Loading and disabled","Link mode","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"ActionIcon":1},"lang":"en","markdownUrl":"/components/buttons/actionicon.md"},{"url":"/components/buttons/button/","title":"Button","breadcrumb":["Components","Buttons","Button"],"description":"The built-in button tag — a styled button or link with the full Mantine Button surface: variant, color, size, gradient, sections, link target/rel/download, spacing, id selectors. Usage, options, and live examples.","keywords":[],"headings":["Button","Label","Linking","Open in a new tab / download a file","Variant","Gradient","Color","Size, radius, and full-width","Sections","Form buttons","Disabled","Selectors (id)","Spacing & sizing","With other components","In the header","Attributes","Label","Link mode (url set → <a href>)","State & behavior","Sections","Gradient variant (variant='gradient')","Spacing, color, and sizing (Mantine style system)","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Button":2,"button":14,"{% button %}":3},"lang":"en","markdownUrl":"/components/buttons/button.md"},{"url":"/components/buttons/closebutton/","title":"CloseButton","breadcrumb":["Components","Buttons","CloseButton"],"description":"The built-in closebutton tag — Mantine's ✕ dismiss button. Size, radius, variant, color, disabled, and an optional custom icon to replace the default ✕.","keywords":[],"headings":["CloseButton","Size and radius","Variant and color","Custom icon","Accessible name","Disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"CloseButton":1},"lang":"en","markdownUrl":"/components/buttons/closebutton.md"},{"url":"/components/buttons/copybutton/","title":"CopyButton","breadcrumb":["Components","Buttons","CopyButton"],"description":"The built-in copybutton tag — a button that copies a value to the clipboard and swaps its label to a confirmation. Customize the labels, timeout, and Button look.","keywords":[],"headings":["CopyButton","Labels and timeout","Appearance","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"CopyButton":1},"lang":"en","markdownUrl":"/components/buttons/copybutton.md"},{"url":"/components/buttons/filebutton/","title":"FileButton","breadcrumb":["Components","Buttons","FileButton"],"description":"The built-in filebutton tag — a button that opens the native file picker. Constrain file types with accept, allow several with multiple. A client-side demo (it does not upload).","keywords":[],"headings":["FileButton","Limit file types","Multiple files","Appearance","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"FileButton":1},"lang":"en","markdownUrl":"/components/buttons/filebutton.md"},{"url":"/components/buttons/","title":"Buttons","breadcrumb":["Components","Buttons"],"description":"","keywords":[],"headings":["Buttons"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/buttons.md"},{"url":"/components/buttons/unstyledbutton/","title":"UnstyledButton","breadcrumb":["Components","Buttons","UnstyledButton"],"description":"The built-in unstyledbutton tag — Mantine's UnstyledButton: a clean, accessible button (or link) with no visual styles, for you to style yourself. Forwards the Mantine spacing / color / sizing system, id, onclick, and link attributes.","keywords":[],"headings":["UnstyledButton","Label","Style it yourself","Link mode","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"UnstyledButton":1},"lang":"en","markdownUrl":"/components/buttons/unstyledbutton.md"},{"url":"/components/combobox/autocomplete/","title":"Autocomplete","breadcrumb":["Components","Combobox","Autocomplete"],"description":"The built-in autocomplete tag — a free-text input with a suggestion dropdown. Usage, options, and live examples.","keywords":[],"headings":["Autocomplete","Basic autocomplete","Grouped suggestions with dataJson","Sizes, variants, and a default value","Required, with description and error","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Autocomplete":3},"lang":"en","markdownUrl":"/components/combobox/autocomplete.md"},{"url":"/components/combobox/combobox/","title":"Combobox","breadcrumb":["Components","Combobox","Combobox"],"description":"The built-in combobox tag — the low-level primitive the whole select family is built on. A composition primitive; use Select or MultiSelect for the ready-made versions.","keywords":[],"headings":["Combobox","Working example","value::label pairs and dataJson","With other components","Building your own","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Combobox":2},"lang":"en","markdownUrl":"/components/combobox/combobox.md"},{"url":"/components/combobox/","title":"Combobox","breadcrumb":["Components","Combobox"],"description":"Built-in Combobox tags — Select, Autocomplete, MultiSelect, TagsInput, Pill, PillsInput, TreeSelect, and the low-level Combobox primitive, each a single Markdown tag.","keywords":[],"headings":["Combobox","Options data","High-level vs. primitives"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/combobox.md"},{"url":"/components/combobox/multiselect/","title":"MultiSelect","breadcrumb":["Components","Combobox","MultiSelect"],"description":"The built-in multiselect tag — pick several options, shown as removable pills. Usage, options, and live examples (searchable, maxValues, groups).","keywords":[],"headings":["MultiSelect","Basic multiselect","value::label pairs with a default value","Grouped options with dataJson","Limiting and hiding picked options","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"MultiSelect":7},"lang":"en","markdownUrl":"/components/combobox/multiselect.md"},{"url":"/components/combobox/pill/","title":"Pill","breadcrumb":["Components","Combobox","Pill"],"description":"The built-in pill tag — a small rounded chip, the token MultiSelect and TagsInput render for each value. Usage, options, and live examples.","keywords":[],"headings":["Pill","Basic pills","Variant, remove button, disabled","Sizes and radius","Building a row of pills in Python","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Pill":3,"Pills":3},"lang":"en","markdownUrl":"/components/combobox/pill.md"},{"url":"/components/combobox/pillsinput/","title":"PillsInput","breadcrumb":["Components","Combobox","PillsInput"],"description":"The built-in pillsinput tag — the input shell that holds a row of pills plus a field. A composition primitive; use MultiSelect or TagsInput for the ready-made versions.","keywords":[],"headings":["PillsInput","Basic shell","Sizes, variants, and required","Showing an error","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"PillsInput":2},"lang":"en","markdownUrl":"/components/combobox/pillsinput.md"},{"url":"/components/combobox/select/","title":"Select","breadcrumb":["Components","Combobox","Select"],"description":"The built-in select tag — a searchable single-select dropdown. Usage, options, and live examples (searchable, clearable, groups, sizes, variants).","keywords":[],"headings":["Select","Basic select","value::label pairs, searchable, clearable","Grouped options with dataJson","Sizes and variants","Required, with description and error","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Select":6},"lang":"en","markdownUrl":"/components/combobox/select.md"},{"url":"/components/combobox/tagsinput/","title":"TagsInput","breadcrumb":["Components","Combobox","TagsInput"],"description":"The built-in tagsinput tag — type free-text tags that become removable pills. Usage, options, and live examples (suggestions, maxTags, splitChars).","keywords":[],"headings":["TagsInput","Basic tags input","With suggestions","Limiting and splitting","Allowing duplicates","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"TagsInput":6},"lang":"en","markdownUrl":"/components/combobox/tagsinput.md"},{"url":"/components/combobox/treeselect/","title":"TreeSelect","breadcrumb":["Components","Combobox","TreeSelect"],"description":"The built-in treeselect tag — pick a leaf from a collapsible hierarchy. Usage, the nested JSON data shape, and a live example.","keywords":[],"headings":["TreeSelect","Basic tree select","Sizes, variants, description, and search","Data shape","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"TreeSelect":1},"lang":"en","markdownUrl":"/components/combobox/treeselect.md"},{"url":"/components/community/audio/","title":"Audio","breadcrumb":["Components","Community Components","Audio"],"description":"The built-in audio tag — a Mantine-native audio player (play/pause, scrubbable timeline, volume and speed). A Community Component wrapping @gfazioli/mantine-audio, with a native <audio> fallback for SSR / no-JS / screen readers.","keywords":[],"headings":["Audio","Demonstrations","Basic player","Variants and size","Fallback source","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Audio":1},"lang":"en","markdownUrl":"/components/community/audio.md"},{"url":"/components/community/blocknote/","title":"BlockNote","breadcrumb":["Components","Community Components","BlockNote"],"description":"BlockNote — a block-based rich-text editor by TypeCellOS. A Community Component that aardvark does NOT bundle, because its source is MPL-2.0 copyleft. This page records the license verdict and links to the project.","keywords":[],"headings":["BlockNote","License","Using BlockNote in your own project","Links"],"inboundLinks":{"BlockNote":1},"lang":"en","markdownUrl":"/components/community/blocknote.md"},{"url":"/components/community/book/","title":"Book","breadcrumb":["Components","Community Components","Book"],"description":"The built-in book tag — an iBooks-style book whose pages turn with a draggable page-curl. A Community Component wrapping @gfazioli/mantine-book.","keywords":[],"headings":["Book","Demonstrations","A basic book","Sizing the page","A bound volume with hard covers","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Book":1},"lang":"en","markdownUrl":"/components/community/book.md"},{"url":"/components/community/borderanimate/","title":"Border Animate","breadcrumb":["Components","Community Components","Border Animate"],"description":"The borderAnimate tag — a Community Component wrapping @gfazioli/mantine-border-animate to wrap any content in an animated border: a traveling beam, a pulsating glow, or a subtle pulse. Usage, options, and live examples.","keywords":[],"headings":["Border Animate","Demonstrations","Beam","Glow","Pulse, paused on hover","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"BorderAnimate":1},"lang":"en","markdownUrl":"/components/community/borderanimate.md"},{"url":"/components/community/clock/","title":"Clock","breadcrumb":["Components","Community Components","Clock"],"description":"The built-in clock tag — an analog clock that ticks live time, or shows a fixed time, with arcs, shapes, and timezone support.","keywords":[],"headings":["Clock","Demonstrations","A fixed time","Timezones","Shape and second-hand behavior","Arcs","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Clock":1},"lang":"en","markdownUrl":"/components/community/clock.md"},{"url":"/components/community/communitymarquee/","title":"Community Marquee","breadcrumb":["Components","Community Components","Community Marquee"],"description":"The communityMarquee tag — a Community Component wrapping @gfazioli/mantine-marquee for scrolling tickers with isometric, circle, and 3D-tilt variants, fade-edge modes, and responsive vertical scroll. Usage, options, and live examples.","keywords":[],"headings":["Community Marquee","Demonstrations","Basic ticker","Pause on hover and fade edges","Reverse direction","Isometric variant","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Marquee":1},"lang":"en","markdownUrl":"/components/community/communitymarquee.md"},{"url":"/components/community/compare/","title":"Compare","breadcrumb":["Components","Community Components","Compare"],"description":"The Compare community component — an image-comparison slider you drag, hover, or auto-play to reveal one image over another. Usage, options, and live examples.","keywords":[],"headings":["Compare","Demonstrations","Drag (default)","Hover","Labels and a horizontal divider","Auto-play","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Compare":1},"lang":"en","markdownUrl":"/components/community/compare.md"},{"url":"/components/community/contextmenu/","title":"ContextMenu","breadcrumb":["Components","Community Components","ContextMenu"],"description":"The community ContextMenu tag — a right-click context menu wrapping the mantine-contextmenu extension. Usage, options, and live examples.","keywords":[],"headings":["ContextMenu","Demonstrations","Actions, icons, and dividers","Link actions","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"ContextMenu":1},"lang":"en","markdownUrl":"/components/community/contextmenu.md"},{"url":"/components/community/datatable/","title":"DataTable","breadcrumb":["Components","Community Components","DataTable"],"description":"The built-in datatable tag — a feature-rich data grid wrapping icflorescu's mantine-datatable. Columns/records as JSON, live sorting and striped variants, and attribute pass-through.","keywords":[],"headings":["DataTable","Demonstrations","Striped, with hover highlight","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"DataTable":1},"lang":"en","markdownUrl":"/components/community/datatable.md"},{"url":"/components/community/depthselect/","title":"DepthSelect","breadcrumb":["Components","Community Components","DepthSelect"],"description":"The built-in depthselect tag — a 3D Time Machine-style stack select where cards recede into depth and you riffle through them. A Community Component wrapping @gfazioli/mantine-depth-select.","keywords":[],"headings":["DepthSelect","Demonstrations","A basic stack","Tuning the depth","Looping, controls, and selection","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"DepthSelect":1},"lang":"en","markdownUrl":"/components/community/depthselect.md"},{"url":"/components/community/flip/","title":"Flip","breadcrumb":["Components","Community Components","Flip"],"description":"The Flip Community Component — a two-faced card that flips between a front and a back face on click. Usage, options, and live examples.","keywords":[],"headings":["Flip","Demonstrations","Flip direction","Easing and duration","Starting flipped","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Flip":1},"lang":"en","markdownUrl":"/components/community/flip.md"},{"url":"/components/community/","title":"Community Components","breadcrumb":["Components","Community Components"],"description":"Third-party Mantine extensions: bundled tags that pass aardvark's licensing and compatibility gates, plus documented exclusions.","keywords":[],"headings":["Community Components","Provenance & inclusion gates","Bundled components","Not bundled"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/community.md"},{"url":"/components/community/jsontree/","title":"JsonTree","breadcrumb":["Components","Community Components","JsonTree"],"description":"The built-in jsontree tag — an interactive, collapsible JSON tree viewer with syntax highlighting, copy-to-clipboard, search, and configurable expansion depth. A Community Component wrapping @gfazioli/mantine-json-tree.","keywords":[],"headings":["JsonTree","Demonstrations","Basic tree","Line numbers, indent guides, and item counts","Search, copy, and a bordered container","Controlling expansion depth","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"JSONTree":1,"{% jsontree %}":2},"lang":"en","markdownUrl":"/components/community/jsontree.md"},{"url":"/components/community/led/","title":"Led","breadcrumb":["Components","Community Components","Led"],"description":"The built-in led tag — a customizable LED status indicator with on/off state, color, variants, shapes, and animations.","keywords":[],"headings":["Led","Demonstrations","On and off","Variants","Shapes and sizes","Animation","Label from the body","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"LED":1},"lang":"en","markdownUrl":"/components/community/led.md"},{"url":"/components/community/lensselect/","title":"LensSelect","breadcrumb":["Components","Community Components","LensSelect"],"description":"The built-in lensselect tag — a fisheye/lens magnification select where the item under the cursor swells like a macOS Dock icon and its neighbours scale by proximity. A Community Component wrapping @gfazioli/mantine-lens-select.","keywords":[],"headings":["LensSelect","Demonstrations","A row of items","A generated numeric range","macOS Dock feel","Vertical orientation and a hover selection mode","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"LensSelect":1},"lang":"en","markdownUrl":"/components/community/lensselect.md"},{"url":"/components/community/lightbox/","title":"Lightbox","breadcrumb":["Components","Community Components","Lightbox"],"description":"The community Lightbox tag — a full-screen image lightbox wrapping the @mantine-bites/lightbox extension, built on Embla Carousel. Usage, options, and live examples.","keywords":[],"headings":["Lightbox","Demonstrations","A thumbnail grid","Grid width","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Lightbox":1},"lang":"en","markdownUrl":"/components/community/lightbox.md"},{"url":"/components/community/listviewtable/","title":"ListViewTable","breadcrumb":["Components","Community Components","ListViewTable"],"description":"The built-in listviewtable tag — a Finder-style list-view table with sortable columns and optional drag-to-reorder and resize. A Community Component wrapping @gfazioli/mantine-list-view-table.","keywords":[],"headings":["ListViewTable","Demonstrations","Basic list view","Borders, striping, and hover highlight","Reorderable and resizable columns","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"ListViewTable":1},"lang":"en","markdownUrl":"/components/community/listviewtable.md"},{"url":"/components/community/mask/","title":"Mask","breadcrumb":["Components","Community Components","Mask"],"description":"The Mask community component — a cursor-follow spotlight that reveals its content through a soft gradient mask tracking the pointer. Usage, options, and live examples.","keywords":[],"headings":["Mask","Demonstrations","Static radial mask","Spotlight","Cursor-follow spotlight","Inverted mask","Reveal on hover","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Mask":1},"lang":"en","markdownUrl":"/components/community/mask.md"},{"url":"/components/community/onboarding/","title":"Onboarding","breadcrumb":["Components","Community Components","Onboarding"],"description":"The built-in onboarding tag — a guided, step-by-step product tour that spotlights elements behind a dimming overlay. A Community Component wrapping @gfazioli/mantine-onboarding-tour, with the body fully usable under SSR / no-JS.","keywords":[],"headings":["Onboarding","Demonstrations","A two-step tour","Custom trigger label and hiding the stepper","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Onboarding":3},"lang":"en","markdownUrl":"/components/community/onboarding.md"},{"url":"/components/community/parallax/","title":"Parallax","breadcrumb":["Components","Community Components","Parallax"],"description":"The Parallax Community Component — tilts its content in 3D toward the pointer, with optional light, glare, and shadow effects. Usage, options, and live examples.","keywords":[],"headings":["Parallax","Demonstrations","Tilt amount and perspective","Light and glare","Spring and shadow","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Parallax":1},"lang":"en","markdownUrl":"/components/community/parallax.md"},{"url":"/components/community/picker/","title":"Picker","breadcrumb":["Components","Community Components","Picker"],"description":"Community Component — an animated iOS-style scroll/wheel picker wrapping @gfazioli/mantine-picker. Options, the selection band, item sizing, and live examples.","keywords":[],"headings":["Picker","Demonstrations","Basic options","A starting value","Taller rows and more visible items","Plain wheel (no band)","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Picker":1},"lang":"en","markdownUrl":"/components/community/picker.md"},{"url":"/components/community/qrcode/","title":"QR code","breadcrumb":["Components","Community Components","QR code"],"description":"The built-in qrcode tag — a customizable QR code from the Mantine community. Encode any value, set colors, dot and corner styles, a center logo, error correction, and live examples.","keywords":[],"headings":["QR code","Demonstrations","Basic QR code","Colors","Dot and corner styles","Center logo and error correction","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"QRCode":1},"lang":"en","markdownUrl":"/components/community/qrcode.md"},{"url":"/components/community/reflection/","title":"Reflection","breadcrumb":["Components","Community Components","Reflection"],"description":"The Reflection Community Component — paints a mirrored reflection beneath its content, with optional water ripple and contact shadow. Usage, options, and live examples.","keywords":[],"headings":["Reflection","Demonstrations","Water ripple","Mirror opacity and distance","Contact shadow","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Reflection":1},"lang":"en","markdownUrl":"/components/community/reflection.md"},{"url":"/components/community/ringsprogress/","title":"Rings progress","breadcrumb":["Components","Community Components","Rings progress"],"description":"The built-in ringsprogress tag — a multi-ring (concentric) progress indicator from the Mantine community. Pass rings as JSON, set size, gap, glow, animation, a center label, and live examples.","keywords":[],"headings":["Rings progress","Demonstrations","Basic rings","Center label and values","Glow and animation","Gap, thickness, and direction","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"RingsProgress":1},"lang":"en","markdownUrl":"/components/community/ringsprogress.md"},{"url":"/components/community/scene/","title":"Scene","breadcrumb":["Components","Community Components","Scene"],"description":"The Scene community component — a decorative animated background that layers gradients, glow blobs, dot grids, and noise behind your content. Usage, options, and live examples.","keywords":[],"headings":["Scene","Demonstrations","A gradient backdrop","Layered over a gradient","Glow and a dot grid","Glow + dots","Mouse-tracking interaction","Move your mouse","Full control with layersJson","Composed from JSON","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Scene":1},"lang":"en","markdownUrl":"/components/community/scene.md"},{"url":"/components/community/selectstepper/","title":"Select stepper","breadcrumb":["Components","Community Components","Select stepper"],"description":"The built-in selectstepper tag — an option-cycling stepper from the Mantine community. Prev/next arrows step through a list of choices. Pass data as JSON, set a label, orientation, looping, and live examples.","keywords":[],"headings":["Select stepper","Demonstrations","Basic stepper","Object data with labels","Vertical orientation and looping","Size and description","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"SelectStepper":1},"lang":"en","markdownUrl":"/components/community/selectstepper.md"},{"url":"/components/community/spinner/","title":"Spinner","breadcrumb":["Components","Community Components","Spinner"],"description":"The built-in spinner tag — an SVG loading spinner with animation variants, segment shapes, gradient colors, glow, and a determinate progress mode.","keywords":[],"headings":["Spinner","Demonstrations","Variants","Segments and shapes","Color and gradient","Determinate progress","Glow","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Spinner":1},"lang":"en","markdownUrl":"/components/community/spinner.md"},{"url":"/components/community/splitpane/","title":"SplitPane","breadcrumb":["Components","Community Components","SplitPane"],"description":"Community Component — two resizable panes with a styled, draggable resizer, wrapping @gfazioli/mantine-split-pane. Orientation, pane sizing, resizer styling, and live examples.","keywords":[],"headings":["SplitPane","Demonstrations","Body as the first pane","Both panes as params","Stacked (horizontal)","A styled resizer","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"SplitPane":1},"lang":"en","markdownUrl":"/components/community/splitpane.md"},{"url":"/components/community/textanimate/","title":"Text Animate","breadcrumb":["Components","Community Components","Text Animate"],"description":"The textAnimate tag — a Community Component wrapping @gfazioli/mantine-text-animate to reveal or loop text with fade, blur, scale, and slide effects, animated by character, word, or line. Usage, options, and live examples.","keywords":[],"headings":["Text Animate","Demonstrations","Basic reveal","Looping animation","Trigger on scroll","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"TextAnimate":1},"lang":"en","markdownUrl":"/components/community/textanimate.md"},{"url":"/components/community/video/","title":"Video","breadcrumb":["Components","Community Components","Video"],"description":"The built-in video tag — a Mantine-native video player with Picture-in-Picture, a scrubbable timeline, captions, keyboard shortcuts, and fullscreen. A Community Component wrapping @gfazioli/mantine-video, with a native <video> fallback for SSR / no-JS / screen readers.","keywords":[],"headings":["Video","Demonstrations","Basic player","Aspect ratio","Variants and auto-hiding controls","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Video":1},"lang":"en","markdownUrl":"/components/community/video.md"},{"url":"/components/community/window/","title":"Window","breadcrumb":["Components","Community Components","Window"],"description":"Community Component — a draggable, resizable window with a title bar and controls, wrapping @gfazioli/mantine-window. Drag, resize, collapse, and live examples.","keywords":[],"headings":["Window","Demonstrations","A basic window","Constrained drag and resize","Sizing and styling","Trimming the controls","With other components","Attributes","CSS Selector","Injecting Attributes"],"inboundLinks":{"Window":1},"lang":"en","markdownUrl":"/components/community/window.md"},{"url":"/components/data-display/accordion/","title":"Accordion","breadcrumb":["Components","Data Display","Accordion"],"description":"The built-in accordion tag — collapsible sections whose bodies are full Markdown. Usage, options, and a live example with source.","keywords":[],"headings":["Accordion","Basic accordion","Multiple open panels","A single panel open on load","With other components","Attributes","{% accordion %}","{% accordionSection %}","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Accordion":3,"accordion":1},"lang":"en","markdownUrl":"/components/data-display/accordion.md"},{"url":"/components/data-display/areachart/","title":"AreaChart","breadcrumb":["Components","Data Display","AreaChart"],"description":"The built-in areachart tag — an area chart from JSON data and series. Usage, the data/series shape, and a live example.","keywords":[],"headings":["AreaChart","A basic area chart","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display/areachart.md"},{"url":"/components/data-display/avatar/","title":"Avatar","breadcrumb":["Components","Data Display","Avatar"],"description":"The built-in avatar tag — a user image with a graceful initials/placeholder fallback. Usage, options, and live examples (sizes, radius, variants, initials, gradient).","keywords":[],"headings":["Avatar","Demonstrations","Image, initials, and a body fallback","Sizes and radius","Initials and color","Variants and gradient","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Avatar":1},"lang":"en","markdownUrl":"/components/data-display/avatar.md"},{"url":"/components/data-display/backgroundimage/","title":"BackgroundImage","breadcrumb":["Components","Data Display","BackgroundImage"],"description":"The built-in backgroundimage tag — a box that shows an image as its background with content overlaid on top. Usage, options, and live examples.","keywords":[],"headings":["BackgroundImage","Demonstrations","Overlaid content","Radius and sizing","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"BackgroundImage":1},"lang":"en","markdownUrl":"/components/data-display/backgroundimage.md"},{"url":"/components/data-display/badge/","title":"Badge","breadcrumb":["Components","Data Display","Badge"],"description":"The built-in badge tag — labels, statuses, versions, and counts. Usage, options, and live examples (variants, colors, gradient, sections).","keywords":[],"headings":["Badge","Demonstrations","Variants","Colors","Sizes and radius","Gradient","Circle, sections, and full width","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Badge":6,"Badges":1,"badge":6,"badges":1},"lang":"en","markdownUrl":"/components/data-display/badge.md"},{"url":"/components/data-display/barchart/","title":"BarChart","breadcrumb":["Components","Data Display","BarChart"],"description":"The built-in barchart tag — a bar chart from JSON data and series. Usage, the data/series shape, and a live example.","keywords":[],"headings":["BarChart","A basic bar chart","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display/barchart.md"},{"url":"/components/data-display/card/","title":"Card","breadcrumb":["Components","Data Display","Card"],"description":"The built-in card tag — flashy content cards with icons, cover and background images, gradient/glass/stat variants, whole-card outbound links, and a responsive grid. Usage, options, and live examples.","keywords":[],"headings":["Card","Demonstrations","Basic card","Icons","Link cards","Cover images","Background-image cards","Gradient and glass","Stat cards and accent bars","The grid","From a loop or a data file","With other components","Attributes","{% card %}","{% cardGrid %}","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Card":11,"CardGrid":1,"card":24},"lang":"en","markdownUrl":"/components/data-display/card.md"},{"url":"/components/data-display/carousel/","title":"Carousel","breadcrumb":["Components","Data Display","Carousel"],"description":"The built-in carousel and slide tags — a swipeable strip of slides with controls and indicators. Usage, the slide nesting, and a live example.","keywords":[],"headings":["Carousel","A basic carousel","Orientation and sizing","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display/carousel.md"},{"url":"/components/data-display/colorswatch/","title":"ColorSwatch","breadcrumb":["Components","Data Display","ColorSwatch"],"description":"The built-in colorswatch tag — a square swatch that displays a single color. Usage, options, and live examples (size, radius, shadow, content).","keywords":[],"headings":["ColorSwatch","Demonstrations","Color values","Size, radius, and shadow","Content inside the swatch","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"ColorSwatch":1},"lang":"en","markdownUrl":"/components/data-display/colorswatch.md"},{"url":"/components/data-display/donutchart/","title":"DonutChart","breadcrumb":["Components","Data Display","DonutChart"],"description":"The built-in donutchart tag — a donut chart from JSON segments. Usage, the data shape, and a live example.","keywords":[],"headings":["DonutChart","A basic donut chart","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display/donutchart.md"},{"url":"/components/data-display/icon/","title":"Icon","breadcrumb":["Components","Data Display","Icon"],"description":"The built-in icon tag — a Mantine ThemeIcon you can drop inline in prose or a heading. Render a Tabler glyph, a Font Awesome glyph, an image, or an emoji, with the full ThemeIcon surface (variant, color, size, radius, gradient) and a tooltip on hover.","keywords":[],"headings":["Icon","Demonstrations","Inline glyphs","Variants and colors","Size and radius","Ship faster","Built for teams","Nudging and spacing","Tooltip and accessible name","Tabler, Font Awesome, image, and emoji","With other components","Loading and the CDN","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Icon":1,"icon":2,"{% icon %}":11},"lang":"en","markdownUrl":"/components/data-display/icon.md"},{"url":"/components/data-display/image/","title":"Image","breadcrumb":["Components","Data Display","Image"],"description":"Built-in image handling — Mantine Image with a no-upscale default width, click-to-zoom lightbox, captions, and percentage sizing. Plain Markdown images get it automatically.","keywords":[],"headings":["Image","Plain Markdown images","Demonstrations","Sizing and alignment","Captions","Disabling zoom","Radius, fit, and framing","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Image":2},"lang":"en","markdownUrl":"/components/data-display/image.md"},{"url":"/components/data-display/","title":"Data Display","breadcrumb":["Components","Data Display"],"description":"Built-in tags for showing content and structure — avatars, badges, images, icons, cards, plus accordions, timelines, formatted/animated numbers, and overflow-collapsing lists.","keywords":[],"headings":["Data Display","Data & structure"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display.md"},{"url":"/components/data-display/indicator/","title":"Indicator","breadcrumb":["Components","Data Display","Indicator"],"description":"The built-in indicator tag — a dot or count badge positioned over the corner of another element. Usage, options, and live examples (label, position, color, border, processing).","keywords":[],"headings":["Indicator","Demonstrations","Label, dot, and a pulsing status","Position, border, and offset","Size, disabled, and autoContrast","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Indicator":1,"{% indicator %}":1},"lang":"en","markdownUrl":"/components/data-display/indicator.md"},{"url":"/components/data-display/kbd/","title":"Kbd","breadcrumb":["Components","Data Display","Kbd"],"description":"The built-in kbd tag — a keyboard key for documenting shortcuts. Usage, options, and live examples.","keywords":[],"headings":["Kbd","Demonstrations","A shortcut, inline","Sizes","The text shorthand","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Kbd":1},"lang":"en","markdownUrl":"/components/data-display/kbd.md"},{"url":"/components/data-display/linechart/","title":"LineChart","breadcrumb":["Components","Data Display","LineChart"],"description":"The built-in linechart tag — a line chart from JSON data and series. Usage, the data/series shape, and a live example.","keywords":[],"headings":["LineChart","A basic line chart","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/data-display/linechart.md"},{"url":"/components/data-display/numberformatter/","title":"NumberFormatter","breadcrumb":["Components","Data Display","NumberFormatter"],"description":"The built-in numberformatter tag — format a number with thousands separators, fixed decimals, and a currency-style prefix/suffix. Usage, options, and live examples.","keywords":[],"headings":["NumberFormatter","Currency with thousands grouping","Plain thousands grouping","A suffix","A custom separator (European style)","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"NumberFormatter":1},"lang":"en","markdownUrl":"/components/data-display/numberformatter.md"},{"url":"/components/data-display/overflowlist/","title":"OverflowList","breadcrumb":["Components","Data Display","OverflowList"],"description":"The built-in overflowlist tag — a single-line row of labels that collapses any overflow into a +N counter, re-fitting on resize. Usage, options, and live examples.","keywords":[],"headings":["OverflowList","A row of labels","Items as a JSON array","Badge variant, color, and size","Wider spacing","Without the counter tooltip","With other components","Progressive enhancement","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"OverflowList":1},"lang":"en","markdownUrl":"/components/data-display/overflowlist.md"},{"url":"/components/data-display/rollingnumber/","title":"RollingNumber","breadcrumb":["Components","Data Display","RollingNumber"],"description":"The built-in rollingnumber tag — an animated counter that rolls up to its value the first time it scrolls into view. Usage, options, and live examples.","keywords":[],"headings":["RollingNumber","A styled stat","A faster, linear roll","A decimal stat","Without comma grouping","Prefix and suffix","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"RollingNumber":1},"lang":"en","markdownUrl":"/components/data-display/rollingnumber.md"},{"url":"/components/data-display/spoiler/","title":"Spoiler","breadcrumb":["Components","Data Display","Spoiler"],"description":"The built-in spoiler tag — collapse long content behind a show-more toggle. Usage, options, and live examples (maxHeight, labels, transition).","keywords":[],"headings":["Spoiler","Demonstrations","Custom labels","Instant reveal","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Spoiler":1},"lang":"en","markdownUrl":"/components/data-display/spoiler.md"},{"url":"/components/data-display/timeline/","title":"Timeline","breadcrumb":["Components","Data Display","Timeline"],"description":"The built-in timeline tag — a vertical run of bullets joined by a connecting line, each with a title and body. Usage, options, and a live example with icon bullets.","keywords":[],"headings":["Timeline","A basic timeline","Highlighting progress with a dashed segment","Sizing, alignment, and reverse highlighting","Per-item color and autoContrast","With other components","Attributes","Per-item fields (objects in items)","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Timeline":1},"lang":"en","markdownUrl":"/components/data-display/timeline.md"},{"url":"/components/extras/api-fields/","title":"API Fields","breadcrumb":["Components","Aardvark Extras","API Fields"],"description":"The built-in field tag — hand-authored API parameter and response-field rows for references that aren't driven by an OpenAPI spec. One tag renders a labeled row: the field name, its type, required/deprecated badges, an optional default, an optional request-location badge, and a Markdown description. Usage, options, and live examples.","keywords":[],"headings":["API Fields","What location means","Request parameters","Response fields","Request vs response fields","Rich descriptions","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"API Fields":1,"API fields":1},"lang":"en","markdownUrl":"/components/extras/api-fields.md"},{"url":"/components/extras/banner/","title":"Banner","breadcrumb":["Components","Aardvark Extras","Banner"],"description":"Banner — a full-width announcement row across the top of the page, in your site's primary color. Set it site-wide in config, or per page in front matter.","keywords":[],"headings":["Banner","Site-wide","Per page","Behavior","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Banner":1},"lang":"en","markdownUrl":"/components/extras/banner.md"},{"url":"/components/extras/changelog/","title":"Changelog","breadcrumb":["Components","Aardvark Extras","Changelog"],"description":"The built-in changelog tag — a Mantine timeline of changes read from a YAML data file, with tag-cloud filtering, same-day combining, On-this-page entries, an RSS feed, and an optional wide two-column layout. Usage, the data-file schema, options, and live examples.","keywords":[],"headings":["Changelog","Usage","The data file","Filtering and limiting","Combining same-day changes","Feeds","Options","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Changelog":2},"lang":"en","markdownUrl":"/components/extras/changelog.md"},{"url":"/components/extras/codegroup/","title":"CodeGroup","breadcrumb":["Components","Aardvark Extras","CodeGroup"],"description":"The built-in code-group tag — wrap several fenced code blocks and show them as language/file tabs, each with its own copy button. The chosen language syncs across every code group on the page and persists across page loads. Built on the same tab widget as Tabs, so it takes the same variants (pills or a sliding underline). Usage, live examples, and the attributes.","keywords":[],"headings":["CodeGroup","By language","Named tabs with title","Choosing the opening language","Syncing the language across groups","Variants","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Code groups":1,"CodeGroup":2},"lang":"en","markdownUrl":"/components/extras/codegroup.md"},{"url":"/components/extras/component-libraries/","title":"Component libraries","breadcrumb":["Components","Aardvark Extras","Component libraries"],"description":"Pull additional React component libraries into your theme and address them from Markdown with {% component('library', 'Name') %} — the library name disambiguates, so two libraries that both export the same component never collide. Mantine is built in; everything else a theme declares in its theme.yaml.","keywords":[],"headings":["Component libraries","Declaring a library","The one piece a library can’t hand you","Composing it: a snippet is a tag","A storefront from a data file","Options","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Component libraries":3,"component libraries":2,"storefront example":1,"theme component library":1},"lang":"en","markdownUrl":"/components/extras/component-libraries.md"},{"url":"/components/extras/examples/","title":"Examples","breadcrumb":["Components","Aardvark Extras","Examples"],"description":"The built-in requestExample and responseExample tags — side-by-side request/response panels for API docs, pinned in the right column. Each wraps one or more fenced code blocks and renders a titled panel with per-block syntax highlighting and copy/download; multiple blocks get a tab strip. Usage, options, and live examples.","keywords":[],"headings":["Examples","Usage","Multiple languages","Titling the panel and each block","Pinning beside your prose","Injecting Attributes","Options"],"inboundLinks":{"Examples":2},"lang":"en","markdownUrl":"/components/extras/examples.md"},{"url":"/components/extras/gitfolder/","title":"Gitfolder","breadcrumb":["Components","Aardvark Extras","Gitfolder"],"description":"The built-in gitfolder tag — an embedded browser for a public GitHub repo folder (or the whole repo): a file tree, syntax-highlighted source, inline images, a Markdown/SVG source-vs-preview toggle, per-file copy/download and GitHub links, and a Download ZIP button. Files are fetched once at build time and cached. Usage, caching, options, and a live example.","keywords":[],"headings":["Gitfolder","Usage","Scope to a folder","Downloads & licensing","How each file is shown","Caching","Options","Notes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Gitfolder":1},"lang":"en","markdownUrl":"/components/extras/gitfolder.md"},{"url":"/components/extras/include/","title":"Include","breadcrumb":["Components","Aardvark Extras","Include"],"description":"The built-in include tag — splice a shared Markdown partial into a page and let it branch on the including page's front matter. Usage, path rules, and a live example with source.","keywords":[],"headings":["Include","Where partials live","Path resolution","Example","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Include":2},"lang":"en","markdownUrl":"/components/extras/include.md"},{"url":"/components/extras/","title":"Aardvark Extras","breadcrumb":["Components","Aardvark Extras"],"description":"","keywords":[],"headings":["Aardvark Extras"],"inboundLinks":{"Aardvark Extras":1},"lang":"en","markdownUrl":"/components/extras.md"},{"url":"/components/extras/map/","title":"Map","breadcrumb":["Components","Aardvark Extras","Map"],"description":"The built-in map tag — an embedded OpenFreeMap / MapLibre map with one pin per location. Pins take a street address (geocoded at build time, no API key) or explicit coordinates. Usage, options, and a live example.","keywords":[],"headings":["Map","Usage","Live example","Pinning a location","Options","Geocoding, privacy & offline builds","Forcing a re-lookup","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Map":2},"lang":"en","markdownUrl":"/components/extras/map.md"},{"url":"/components/extras/openapi/","title":"OpenAPI","breadcrumb":["Components","Aardvark Extras","OpenAPI"],"description":"The built-in openapi tag — splice a single endpoint from an OpenAPI spec inline on any page, with parameter and response tables, multi-language request samples, a Try it now form, rich Markdown descriptions, and filename-discovered overlays. Or render a whole spec as a full reference. Usage, options, and a live example.","keywords":[],"headings":["OpenAPI","Usage","The whole spec","Responses","Authorization","Request samples","Rich descriptions","Overlays","Setting one up","Targeting nodes","update — rewrite, merge, or extend","remove — hide a node","Injecting aardvark primitives","Layering several overlays","Best-effort by design","Live demonstration","Options","How it works","CSS Selectors","Injecting Attributes"],"inboundLinks":{"OpenAPI":5,"list response":1,"status guide":1,"{% openapi %}":1},"lang":"en","markdownUrl":"/components/extras/openapi.md"},{"url":"/components/extras/panel/","title":"Panel","breadcrumb":["Components","Aardvark Extras","Panel"],"description":"The built-in panel tag — a supplementary side panel that floats beside the main content on a wide screen and stacks below it on a narrow one. Usage, options, and live examples.","keywords":[],"headings":["Panel","Demonstrations","Float to the left","Without a title","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Panel":2},"lang":"en","markdownUrl":"/components/extras/panel.md"},{"url":"/components/extras/prompt/","title":"Prompt","breadcrumb":["Components","Aardvark Extras","Prompt"],"description":"The built-in prompt tag — a copyable AI-prompt block: the prompt text with a copy button plus 'Open in ChatGPT / Claude / Cursor' deep-link buttons that pre-fill the prompt in that tool. Usage, actions, and a live example.","keywords":[],"headings":["Prompt","Usage","Choosing the buttons","Without a title","Verbatim body","Options","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Prompt":2},"lang":"en","markdownUrl":"/components/extras/prompt.md"},{"url":"/components/extras/update/","title":"Update","breadcrumb":["Components","Aardvark Extras","Update"],"description":"Update — an inline release-note / changelog entry rendered as a timeline-rail row: a version or date label on the left, the Markdown body beside it. Author each entry in the page (distinct from the data-driven changelog tag).","keywords":[],"headings":["Update","Demonstrations","A single entry","A run of entries (a release log)","A custom bullet and accent color","Attributes","Update vs. Changelog","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Update":2},"lang":"en","markdownUrl":"/components/extras/update.md"},{"url":"/components/extras/visibility/","title":"Visibility","breadcrumb":["Components","Aardvark Extras","Visibility"],"description":"The built-in visibility tag — show or hide a block of Markdown depending on whether a human is reading the rendered page or an AI agent is reading its Markdown. Modes, live examples, and how it cooperates with the served .md.","keywords":[],"headings":["Visibility","Modes","How it works with the agent Markdown","Examples","Human-only","Agent-only","Shown to everyone","From Python","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Visibility":2},"lang":"en","markdownUrl":"/components/extras/visibility.md"},{"url":"/components/feedback/callout/","title":"Callout","breadcrumb":["Components","Feedback","Callout"],"description":"Callout — the built-in admonition box, shown across all four severities (success, info, caution, warning).","keywords":[],"headings":["Callout","Demonstrations","Severities","Without a title","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Callout":2,"callout":4},"lang":"en","markdownUrl":"/components/feedback/callout.md"},{"url":"/components/feedback/","title":"Feedback","breadcrumb":["Components","Feedback"],"description":"","keywords":[],"headings":["Feedback"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/feedback.md"},{"url":"/components/feedback/loader/","title":"Loader","breadcrumb":["Components","Feedback","Loader"],"description":"The built-in loader tag — a spinner in three styles (oval, bars, dots), with size and color. Usage, options, and live examples.","keywords":[],"headings":["Loader","Demonstrations","Types","Size and color","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Loader":1},"lang":"en","markdownUrl":"/components/feedback/loader.md"},{"url":"/components/feedback/notification/","title":"Notification","breadcrumb":["Components","Feedback","Notification"],"description":"The built-in notification tag — a titled message card with a colored accent line, border, loading state, and radius. Usage, options, and live examples.","keywords":[],"headings":["Notification","Demonstrations","Title, message, and color","Border and radius","Loading","Close button","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Notification":1,"notification":2,"{% notification %}":1},"lang":"en","markdownUrl":"/components/feedback/notification.md"},{"url":"/components/feedback/notifications/","title":"Notifications","breadcrumb":["Components","Feedback","Notifications"],"description":"Notifications — a runtime toast system you trigger from JavaScript. Mount the portal once, then call notifications.show(...) to pop a titled message into a viewport corner.","keywords":[],"headings":["Notifications","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/feedback/notifications.md"},{"url":"/components/feedback/nprogress/","title":"Navigation progress","breadcrumb":["Components","Feedback","Navigation progress"],"description":"A thin progress bar pinned to the very top of the page that you drive from JavaScript — start it, finish it, or set it to any value. Behavior, syntax, and a live demo.","keywords":[],"headings":["Navigation progress","How it works","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Navigation progress":1},"lang":"en","markdownUrl":"/components/feedback/nprogress.md"},{"url":"/components/feedback/progress/","title":"Progress","breadcrumb":["Components","Feedback","Progress"],"description":"The built-in progress tag — a progress bar, single-value or multi-segment, with color, size, radius, and striped/animated variants. Usage, options, and live examples.","keywords":[],"headings":["Progress","Demonstrations","Value","Size, radius, and color","Striped and animated","Multiple segments","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Progress":1},"lang":"en","markdownUrl":"/components/feedback/progress.md"},{"url":"/components/feedback/ringprogress/","title":"Ring progress","breadcrumb":["Components","Feedback","Ring progress"],"description":"The built-in ringprogress tag — a circular donut progress ring with one or more colored sections, a center label, thickness, size, and rounded caps. Usage, options, and live examples.","keywords":[],"headings":["Ring progress","Demonstrations","Single section","Multiple sections","Thickness and rounded caps","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Ring progress":2},"lang":"en","markdownUrl":"/components/feedback/ringprogress.md"},{"url":"/components/feedback/semicircleprogress/","title":"Semi-circle progress","breadcrumb":["Components","Feedback","Semi-circle progress"],"description":"The built-in semicircleprogress tag — a half-circle gauge with a center label, thickness, orientation, fill direction, and segment colors. Usage, options, and live examples.","keywords":[],"headings":["Semi-circle progress","Demonstrations","Value and label","Colors and thickness","Orientation, fill direction, and label position","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Semi-circle progress":1},"lang":"en","markdownUrl":"/components/feedback/semicircleprogress.md"},{"url":"/components/feedback/skeleton/","title":"Skeleton","breadcrumb":["Components","Feedback","Skeleton"],"description":"The built-in skeleton tag — a shimmering placeholder for content that hasn't loaded, with height, width, radius, circle, visible, and animate. Usage, options, and live examples.","keywords":[],"headings":["Skeleton","Demonstrations","Lines","Circle and radius","Static (no shimmer)","Wrapping content","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Skeleton":1},"lang":"en","markdownUrl":"/components/feedback/skeleton.md"},{"url":"/components/","title":"Built-in Components","breadcrumb":["Components","Built-in Components"],"description":"","keywords":[],"headings":["Built-in Components","Build your own"],"inboundLinks":{"Component gallery":1,"Galerie de composants":1},"lang":"en","markdownUrl":"/components.md"},{"url":"/components/inputs/alphaslider/","title":"AlphaSlider","breadcrumb":["Components","Inputs","AlphaSlider"],"description":"The built-in alphaslider tag — pick an alpha (opacity, 0–1) for a color. Usage, options, and live examples.","keywords":[],"headings":["AlphaSlider","Demonstrations","Basic alpha","Colors, sizes, and radius","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"AlphaSlider":1},"lang":"en","markdownUrl":"/components/inputs/alphaslider.md"},{"url":"/components/inputs/angleslider/","title":"AngleSlider","breadcrumb":["Components","Inputs","AngleSlider"],"description":"The built-in angleslider tag — pick an angle on a dial (0–360°). Usage, options, marks, and live examples.","keywords":[],"headings":["AngleSlider","Demonstrations","Basic dial","Stepping and marks","No center label, and disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"AngleSlider":1},"lang":"en","markdownUrl":"/components/inputs/angleslider.md"},{"url":"/components/inputs/checkbox/","title":"Checkbox","breadcrumb":["Components","Inputs","Checkbox"],"description":"The built-in checkbox tag — a single labeled checkbox. Usage, options, and live examples (colors, sizes, label position, indeterminate, disabled).","keywords":[],"headings":["Checkbox","Label and default state","Colors and sizes","Label position, indeterminate, and disabled","Radius, icon color, and helper text","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Checkbox":1},"lang":"en","markdownUrl":"/components/inputs/checkbox.md"},{"url":"/components/inputs/chip/","title":"Chip","breadcrumb":["Components","Inputs","Chip"],"description":"The built-in chip tag — a checkbox or radio styled as a selectable pill. Usage, options, variants, colors, sizes, types, and live examples.","keywords":[],"headings":["Chip","Label and default state","Variants","Colors, sizes, and radius","Type and disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Chip":1},"lang":"en","markdownUrl":"/components/inputs/chip.md"},{"url":"/components/inputs/colorinput/","title":"ColorInput","breadcrumb":["Components","Inputs","ColorInput"],"description":"The built-in colorinput tag — a text input with a color swatch and dropdown picker. Usage, formats, swatches, options, and live examples.","keywords":[],"headings":["ColorInput","Demonstrations","Basic input","Description and placeholder","Preset swatches","Formats, pick-only, and sizes","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"ColorInput":1},"lang":"en","markdownUrl":"/components/inputs/colorinput.md"},{"url":"/components/inputs/colorpicker/","title":"ColorPicker","breadcrumb":["Components","Inputs","ColorPicker"],"description":"The built-in colorpicker tag — an inline saturation + hue (+ alpha) picker. Usage, formats, swatches, options, and live examples.","keywords":[],"headings":["ColorPicker","Demonstrations","Basic picker","Alpha format and swatches","Sizes and full width","Swatches only","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"ColorPicker":1},"lang":"en","markdownUrl":"/components/inputs/colorpicker.md"},{"url":"/components/inputs/dateinput/","title":"DateInput","breadcrumb":["Components","Inputs","DateInput"],"description":"The built-in dateinput tag — a free-typing date field that parses what you type against a display format. Usage, the string value, and a live example.","keywords":[],"headings":["DateInput","A basic field","Sizes, variants, and validation","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"DateInput":1},"lang":"en","markdownUrl":"/components/inputs/dateinput.md"},{"url":"/components/inputs/datepickerinput/","title":"DatePickerInput","breadcrumb":["Components","Inputs","DatePickerInput"],"description":"The built-in datepickerinput tag — a date field that opens a calendar to pick a day, a range, or several days. Usage, the type modes, and live examples.","keywords":[],"headings":["DatePickerInput","Pick a single day","Pick a range","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/inputs/datepickerinput.md"},{"url":"/components/inputs/datetimepicker/","title":"DateTimePicker","breadcrumb":["Components","Inputs","DateTimePicker"],"description":"The built-in datetimepicker tag — a combined date-and-time field with a calendar plus a time picker. Usage, the string value, and a live example.","keywords":[],"headings":["DateTimePicker","A date-and-time field","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/inputs/datetimepicker.md"},{"url":"/components/inputs/dropzone/","title":"Dropzone","breadcrumb":["Components","Inputs","Dropzone"],"description":"The built-in dropzone tag — a drag-and-drop file upload zone with a built-in drag-state overlay. Usage, the accept/maxSize props, a live example, CSS selectors, and injecting attributes.","keywords":[],"headings":["Dropzone","A basic zone","Single file, disabled, and loading","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Dropzone":1},"lang":"en","markdownUrl":"/components/inputs/dropzone.md"},{"url":"/components/inputs/fieldset/","title":"Fieldset","breadcrumb":["Components","Inputs","Fieldset"],"description":"The built-in fieldset tag — a bordered group of related fields with a legend caption; the block body holds the inputs.","keywords":[],"headings":["Fieldset","A labelled group","Variant","Radius","Disabled cascade","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Fieldset":1,"fieldset":2},"lang":"en","markdownUrl":"/components/inputs/fieldset.md"},{"url":"/components/inputs/fileinput/","title":"FileInput","breadcrumb":["Components","Inputs","FileInput"],"description":"The built-in fileinput tag — a file picker styled like the other inputs, with accept, multiple, and clearable.","keywords":[],"headings":["FileInput","Basic file picker","Accept, multiple, and clearable","Description, required, and error","Variant, size, and radius","Sections and disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"FileInput":2},"lang":"en","markdownUrl":"/components/inputs/fileinput.md"},{"url":"/components/inputs/focustrap/","title":"FocusTrap","breadcrumb":["Components","Inputs","FocusTrap"],"description":"The built-in focustrap tag — a low-level behavior primitive that keeps keyboard focus inside a region (the focus management behind modals and drawers).","keywords":[],"headings":["FocusTrap","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"FocusTrap":1},"lang":"en","markdownUrl":"/components/inputs/focustrap.md"},{"url":"/components/inputs/form/","title":"Form","breadcrumb":["Components","Inputs","Form"],"description":"The ContactForm snippet — a live form built on the useForm hook: controlled inputs via getInputProps, per-field validation, and an onSubmit handler that surfaces the collected values.","keywords":[],"headings":["Form","Live example","What the demo shows","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Form":1},"lang":"en","markdownUrl":"/components/inputs/form.md"},{"url":"/components/inputs/hueslider/","title":"HueSlider","breadcrumb":["Components","Inputs","HueSlider"],"description":"The built-in hueslider tag — pick a hue (0–360) along the color spectrum. Usage, options, and live examples.","keywords":[],"headings":["HueSlider","Demonstrations","Basic hue","Sizes and radius","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"HueSlider":1},"lang":"en","markdownUrl":"/components/inputs/hueslider.md"},{"url":"/components/inputs/","title":"Inputs","breadcrumb":["Components","Inputs"],"description":"Built-in input tags — text / number / password / file fields and their wrappers, plus the controls (checkboxes, switches, sliders, radios, ratings, color pickers) — each a single Markdown tag with the full Mantine config surface.","keywords":[],"headings":["Inputs","Fields","Toggles and choices","Rich text","Sliders","Color pickers","Focus"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/inputs.md"},{"url":"/components/inputs/input/","title":"Input","breadcrumb":["Components","Inputs","Input"],"description":"The built-in input tag — the low-level, unstyled base input primitive every field is built on; just the styled control, no label or message wrapper.","keywords":[],"headings":["Input","Basic control","Type and default value","Variant, size, and radius","Error and disabled","Sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Input":1},"lang":"en","markdownUrl":"/components/inputs/input.md"},{"url":"/components/inputs/jsoninput/","title":"JsonInput","breadcrumb":["Components","Inputs","JsonInput"],"description":"The built-in jsoninput tag — a textarea that validates JSON and can pretty-print it on blur, with autosize and a custom validation message.","keywords":[],"headings":["JsonInput","Basic field","Custom validation message","Autosize bounds","Required, error, and disabled","Variants, size, and radius","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"JsonInput":1},"lang":"en","markdownUrl":"/components/inputs/jsoninput.md"},{"url":"/components/inputs/maskinput/","title":"MaskInput","breadcrumb":["Components","Inputs","MaskInput"],"description":"The built-in maskinput tag — a text field that formats entry against a fixed pattern (phone, date, card), with the full Input wrapper.","keywords":[],"headings":["MaskInput","Mask tokens","Basic field","More patterns","Default value","Required, error, and disabled","Variants, size, radius, and sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"MaskInput":2},"lang":"en","markdownUrl":"/components/inputs/maskinput.md"},{"url":"/components/inputs/nativeselect/","title":"NativeSelect","breadcrumb":["Components","Inputs","NativeSelect"],"description":"The built-in nativeselect tag — a native HTML select styled like the other inputs, built from a delimited option list.","keywords":[],"headings":["NativeSelect","Options from data","Delimiters","Pre-select and state","Variant, size, radius, and sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"NativeSelect":1},"lang":"en","markdownUrl":"/components/inputs/nativeselect.md"},{"url":"/components/inputs/numberinput/","title":"NumberInput","breadcrumb":["Components","Inputs","NumberInput"],"description":"The built-in numberinput tag — numeric entry with min/max/step, decimalScale, prefix/suffix, thousand separators, and increment controls.","keywords":[],"headings":["NumberInput","Basic field","Bounds, step, and precision","Prefix, suffix, and separators","Sign and decimals","Hide the stepper controls","Required, error, and disabled","Variants, size, radius, and sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"NumberInput":1},"lang":"en","markdownUrl":"/components/inputs/numberinput.md"},{"url":"/components/inputs/passwordinput/","title":"PasswordInput","breadcrumb":["Components","Inputs","PasswordInput"],"description":"The built-in passwordinput tag — a password field with a built-in show/hide visibility toggle and the full Mantine Input wrapper.","keywords":[],"headings":["PasswordInput","Basic field","Start revealed","Required, asterisk, and error","Disabled","Variants, size, radius, and section","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"PasswordInput":1},"lang":"en","markdownUrl":"/components/inputs/passwordinput.md"},{"url":"/components/inputs/pininput/","title":"PinInput","breadcrumb":["Components","Inputs","PinInput"],"description":"The built-in pininput tag — a row of single-character boxes for one-time codes and PINs, with length, type, mask, and OTP autofill.","keywords":[],"headings":["PinInput","Basic PIN","Length and type","Mask and OTP autofill","Placeholder, size, radius, and gap","Error and disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"PinInput":1},"lang":"en","markdownUrl":"/components/inputs/pininput.md"},{"url":"/components/inputs/radio/","title":"Radio","breadcrumb":["Components","Inputs","Radio"],"description":"The built-in radio tag — a single labeled radio button. Usage, options, grouping with a shared name, colors, sizes, and live examples.","keywords":[],"headings":["Radio","A radio group","Colors and sizes","Label position, icon color, helper text, and disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Radio":1},"lang":"en","markdownUrl":"/components/inputs/radio.md"},{"url":"/components/inputs/rangeslider/","title":"RangeSlider","breadcrumb":["Components","Inputs","RangeSlider"],"description":"The built-in rangeslider tag — pick a range with two thumbs. Usage, the defaultValue pair, marks, options, and live examples.","keywords":[],"headings":["RangeSlider","Demonstrations","Basic range","Marks and a minimum gap","Colors, sizes, and inverted fill","Disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"RangeSlider":1},"lang":"en","markdownUrl":"/components/inputs/rangeslider.md"},{"url":"/components/inputs/rating/","title":"Rating","breadcrumb":["Components","Inputs","Rating"],"description":"The built-in rating tag — a star rating for feedback and scores. Usage, options, fractions, read-only scores, and sending the result to Google Analytics with attr.","keywords":[],"headings":["Rating","Default value","Fractions, count, color, and size","Read-only score","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Rating":1,"{% rating %}":1},"lang":"en","markdownUrl":"/components/inputs/rating.md"},{"url":"/components/inputs/richtexteditor/","title":"RichTextEditor","breadcrumb":["Components","Inputs","RichTextEditor"],"description":"A live in-page rich-text editor — a formatting toolbar over an editable document, backed by Tiptap and @mantine/tiptap. Usage, the content seed, CSS selectors, and attribute injection.","keywords":[],"headings":["RichTextEditor","A live editor","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"RichTextEditor":1},"lang":"en","markdownUrl":"/components/inputs/richtexteditor.md"},{"url":"/components/inputs/segmentedcontrol/","title":"SegmentedControl","breadcrumb":["Components","Inputs","SegmentedControl"],"description":"The built-in segmentedcontrol tag — a row of mutually exclusive options. Usage, the data list, defaultValue, colors, sizes, orientation, full width, and live examples.","keywords":[],"headings":["SegmentedControl","The data list and default value","Separate label and value","Colors, sizes, and radius","Full width, orientation, and states","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"SegmentedControl":1},"lang":"en","markdownUrl":"/components/inputs/segmentedcontrol.md"},{"url":"/components/inputs/slider/","title":"Slider","breadcrumb":["Components","Inputs","Slider"],"description":"The built-in slider tag — pick a number in a range, with marks. Usage, options, marks, colors, and live examples.","keywords":[],"headings":["Slider","Demonstrations","Basic range","Marks","Colors, sizes, and inverted fill","Disabled","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Slider":1},"lang":"en","markdownUrl":"/components/inputs/slider.md"},{"url":"/components/inputs/switch/","title":"Switch","breadcrumb":["Components","Inputs","Switch"],"description":"The built-in switch tag — a toggle switch with a label and optional on/off track text. Usage, options, colors, sizes, label position, and live examples.","keywords":[],"headings":["Switch","Label, default state, and track text","Colors and sizes","Radius, thumb indicator, label position, and disabled","Helper text","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Switch":1},"lang":"en","markdownUrl":"/components/inputs/switch.md"},{"url":"/components/inputs/textarea/","title":"Textarea","breadcrumb":["Components","Inputs","Textarea"],"description":"The built-in textarea tag — a multi-line text field with autosize, minRows/maxRows, resize, and the full Mantine Input wrapper.","keywords":[],"headings":["Textarea","Basic field","Autosize","Resize","Required, asterisk, and disabled","Error","Variants, size, and radius","Sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Textarea":2},"lang":"en","markdownUrl":"/components/inputs/textarea.md"},{"url":"/components/inputs/textinput/","title":"TextInput","breadcrumb":["Components","Inputs","TextInput"],"description":"The built-in textinput tag — a single-line text field with the full Mantine Input wrapper: label, description, error, size, radius, variant, sections.","keywords":[],"headings":["TextInput","Basic field","Required and asterisk","Error and disabled","Input type","Variants","Size and radius","Sections","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"TextInput":13,"textinput":2},"lang":"en","markdownUrl":"/components/inputs/textinput.md"},{"url":"/components/inputs/timeinput/","title":"TimeInput","breadcrumb":["Components","Inputs","TimeInput"],"description":"The built-in timeinput tag — a time field built on the browser's native time control. Usage, the string value, and a live example.","keywords":[],"headings":["TimeInput","A time field","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/inputs/timeinput.md"},{"url":"/components/layout/appshell/","title":"AppShell","breadcrumb":["Components","Layout","AppShell"],"description":"The built-in appshell tag — a page-level layout shell that positions a header, navbar, aside, and footer around a main content area. Regions, sizes, layout modes, borders, and a full attribute reference.","keywords":[],"headings":["AppShell","Header and navbar","All four regions","Layout mode","Borders off","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"AppShell":1,"The AppShell":1},"lang":"en","markdownUrl":"/components/layout/appshell.md"},{"url":"/components/layout/aspectratio/","title":"AspectRatio","breadcrumb":["Components","Layout","AspectRatio"],"description":"The built-in aspectratio tag — keeps its content at a fixed width-to-height ratio as it scales. Common ratios, sizing, and a full attribute reference.","keywords":[],"headings":["AspectRatio","Widescreen (16:9)","A square (1:1)","Standard (4:3)","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"AspectRatio":1},"lang":"en","markdownUrl":"/components/layout/aspectratio.md"},{"url":"/components/layout/box/","title":"Box","breadcrumb":["Components","Layout","Box"],"description":"The built-in box tag — the base primitive every Mantine component is built on. Apply padding, margin, background, color, sizing, or a raw style to any block of content.","keywords":[],"headings":["Box","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Box":2,"sizing props":1,"spacing props":1},"lang":"en","markdownUrl":"/components/layout/box.md"},{"url":"/components/layout/center/","title":"Center","breadcrumb":["Components","Layout","Center"],"description":"The built-in center tag — centers its content both horizontally and vertically. Block and inline modes, sizing, and a full attribute reference.","keywords":[],"headings":["Center","Block centering","Inline centering","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Center":1},"lang":"en","markdownUrl":"/components/layout/center.md"},{"url":"/components/layout/collapse/","title":"Collapse","breadcrumb":["Components","Layout","Collapse"],"description":"The built-in collapse tag — a primitive that animates content open and closed by height. How it works on a static page, options, and a live example.","keywords":[],"headings":["Collapse","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Collapse":1},"lang":"en","markdownUrl":"/components/layout/collapse.md"},{"url":"/components/layout/container/","title":"Container","breadcrumb":["Components","Layout","Container"],"description":"The built-in container tag — centers content horizontally and caps its width with a comfortable side gutter. Size tokens, fluid mode, and a full attribute reference.","keywords":[],"headings":["Container","Sized column","A wider size","Fluid","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Container":1},"lang":"en","markdownUrl":"/components/layout/container.md"},{"url":"/components/layout/flex/","title":"Flex","breadcrumb":["Components","Layout","Flex"],"description":"The built-in flex tag — a flexbox container exposing the full CSS flex surface (direction, wrap, justify, align, gap). All options and a full attribute reference.","keywords":[],"headings":["Flex","Justify and align","Direction","Wrap and per-axis gaps","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Flex":1},"lang":"en","markdownUrl":"/components/layout/flex.md"},{"url":"/components/layout/grid/","title":"Grid","breadcrumb":["Components","Layout","Grid"],"description":"The built-in grid tag — a flexible 12-column grid with spanning cells. The items/spans params, block-body cells, gap, grow, and a full attribute reference.","keywords":[],"headings":["Grid","Cells with items","Auto spans","Cells from the block body","Grow and custom column count","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Grid":2},"lang":"en","markdownUrl":"/components/layout/grid.md"},{"url":"/components/layout/group/","title":"Group","breadcrumb":["Components","Layout","Group"],"description":"The built-in group tag — a flex row that lays its children out horizontally with consistent gaps. Usage, options (justify, align, gap, wrap, grow), and live examples.","keywords":[],"headings":["Group","Basic row","Justify (main axis)","Align (cross axis)","Gap","Wrap","Grow","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Group":1,"group":3,"{% group %}":4},"lang":"en","markdownUrl":"/components/layout/group.md"},{"url":"/components/layout/","title":"Layout","breadcrumb":["Components","Layout"],"description":"","keywords":[],"headings":["Layout","Surfaces & utilities"],"inboundLinks":{"The layout overview":1},"lang":"en","markdownUrl":"/components/layout.md"},{"url":"/components/layout/marquee/","title":"Marquee","breadcrumb":["Components","Layout","Marquee"],"description":"The built-in marquee tag — a continuously scrolling ticker for logos, announcements, or a tagline. Usage, options, and live examples.","keywords":[],"headings":["Marquee","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Marquee":1,"{% marquee %}":1},"lang":"en","markdownUrl":"/components/layout/marquee.md"},{"url":"/components/layout/paper/","title":"Paper","breadcrumb":["Components","Layout","Paper"],"description":"The built-in paper tag — a card-like surface with a shadow, rounded corners, padding, and an optional border. Usage, options, and live examples.","keywords":[],"headings":["Paper","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Paper":8,"Paper surfaces":1,"paper":1},"lang":"en","markdownUrl":"/components/layout/paper.md"},{"url":"/components/layout/portal/","title":"Portal","breadcrumb":["Components","Layout","Portal"],"description":"The built-in portal tag — a low-level render-target primitive that renders its content into a different part of the DOM (e.g. document.body) to escape overflow and stacking contexts.","keywords":[],"headings":["Portal","Demonstrations","Targeting a specific node","Reusing a single target node","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Portal":1},"lang":"en","markdownUrl":"/components/layout/portal.md"},{"url":"/components/layout/scrollarea/","title":"ScrollArea","breadcrumb":["Components","Layout","ScrollArea"],"description":"The built-in scrollarea tag — a scrollable region with styled, auto-hiding overlay scrollbars. Usage, options, and live examples.","keywords":[],"headings":["ScrollArea","Demonstrations","Scrollbar visibility and offset","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"ScrollArea":2},"lang":"en","markdownUrl":"/components/layout/scrollarea.md"},{"url":"/components/layout/scrollbuttons/","title":"Scroll Buttons","breadcrumb":["Components","Layout","Scroll Buttons"],"description":"The built-in scrollbuttons tag — a horizontal scroller with prev/next chevron buttons for paging a wide row of content. Usage, options, and live examples.","keywords":[],"headings":["Scroll Buttons","Demonstrations","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Scroll Buttons":1},"lang":"en","markdownUrl":"/components/layout/scrollbuttons.md"},{"url":"/components/layout/scroller/","title":"Scroller","breadcrumb":["Components","Layout","Scroller"],"description":"The built-in scroller tag — a low-level native-scroll container with the browser's own scrollbars. When to use it vs. ScrollArea, options, and a live example.","keywords":[],"headings":["Scroller","Demonstrations","Horizontal scrolling","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Scroller":1},"lang":"en","markdownUrl":"/components/layout/scroller.md"},{"url":"/components/layout/simplegrid/","title":"SimpleGrid","breadcrumb":["Components","Layout","SimpleGrid"],"description":"The built-in simplegrid tag — a responsive grid where every column is the same width. Usage, responsive columns and spacing, and live examples.","keywords":[],"headings":["SimpleGrid","Fixed columns","Responsive columns","Spacing and vertical spacing","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"SimpleGrid":1,"{% simplegrid %}":1},"lang":"en","markdownUrl":"/components/layout/simplegrid.md"},{"url":"/components/layout/space/","title":"Space","breadcrumb":["Components","Layout","Space"],"description":"The built-in space tag — an empty spacer that adds horizontal or vertical room between elements. Usage and live examples.","keywords":[],"headings":["Space","Vertical space","Horizontal space","CSS value","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Space":1},"lang":"en","markdownUrl":"/components/layout/space.md"},{"url":"/components/layout/splitter/","title":"Splitter","breadcrumb":["Components","Layout","Splitter"],"description":"The built-in splitter tag — two panels side by side (or stacked) with a divider between them. Usage, orientation, panel size, and live examples.","keywords":[],"headings":["Splitter","Body as the first panel","Both panels as params","Stacked (vertical)","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Splitter":1,"splitter":1},"lang":"en","markdownUrl":"/components/layout/splitter.md"},{"url":"/components/layout/stack/","title":"Stack","breadcrumb":["Components","Layout","Stack"],"description":"The built-in stack tag — a flex column that stacks its children vertically with a consistent gap. Usage, options (justify, align, gap), and live examples.","keywords":[],"headings":["Stack","Basic column","Align (cross axis)","Justify (main axis)","Gap","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Stack":1,"{% stack %}":3},"lang":"en","markdownUrl":"/components/layout/stack.md"},{"url":"/components/navigation/anchor/","title":"Anchor","breadcrumb":["Components","Navigation","Anchor"],"description":"The built-in anchor tag — a styled text link on Mantine's Anchor. Usage, options, and live examples (underline modes, color, weight, gradient).","keywords":[],"headings":["Anchor","Demonstrations","Basic link","Underline modes","Color, size, weight, and clamp","Gradient label","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Anchor":1},"lang":"en","markdownUrl":"/components/navigation/anchor.md"},{"url":"/components/navigation/breadcrumbs/","title":"Breadcrumbs","breadcrumb":["Components","Navigation","Breadcrumbs"],"description":"The built-in breadcrumbs tag — a breadcrumb trail from a JSON or compact pipe-delimited list of crumbs, on Mantine's Breadcrumbs. Usage, options, and live examples.","keywords":[],"headings":["Breadcrumbs","Demonstrations","Compact form","JSON form","Separator and spacing","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Breadcrumbs":1},"lang":"en","markdownUrl":"/components/navigation/breadcrumbs.md"},{"url":"/components/navigation/burger/","title":"Burger","breadcrumb":["Components","Navigation","Burger"],"description":"The built-in burger tag — a hamburger / cross menu toggle on Mantine's Burger. Usage, options, and live examples (opened state, size, color, line thickness).","keywords":[],"headings":["Burger","Demonstrations","Closed and open","Sizes, colors, and line thickness","Transition tuning","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Burger":1},"lang":"en","markdownUrl":"/components/navigation/burger.md"},{"url":"/components/navigation/","title":"Navigation","breadcrumb":["Components","Navigation"],"description":"","keywords":[],"headings":["Navigation"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/navigation.md"},{"url":"/components/navigation/navlink/","title":"NavLink","breadcrumb":["Components","Navigation","NavLink"],"description":"The built-in navlink tag — a navigation link with an icon, description, active state, and nested sub-links, on Mantine's NavLink. Usage, options, and live examples.","keywords":[],"headings":["NavLink","Demonstrations","Label, description, icon, and active","Variants and color","Disabled, no-wrap, and right section","Nested sub-links","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"NavLink":1},"lang":"en","markdownUrl":"/components/navigation/navlink.md"},{"url":"/components/navigation/pagination/","title":"Pagination","breadcrumb":["Components","Navigation","Pagination"],"description":"The built-in pagination tag — an interactive pager on Mantine's Pagination whose active page tracks clicks. Usage, options, and live examples.","keywords":[],"headings":["Pagination","Demonstrations","Basic pager","Shape — siblings, boundaries, and edges","Controls off","Sizes, radius, and gap","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Pagination":1},"lang":"en","markdownUrl":"/components/navigation/pagination.md"},{"url":"/components/navigation/steps/","title":"Steps","breadcrumb":["Components","Navigation","Steps"],"description":"Numbered Markdown lists render automatically as a Steps timeline — numbered badges joined by a vertical line, each beside its step's content. No special syntax.","keywords":[],"headings":["Steps","Default","Multi-block steps","Numbering","Nested numbered lists","With other components","Turning it off","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Steps":2,"Timeline":1},"lang":"en","markdownUrl":"/components/navigation/steps.md"},{"url":"/components/navigation/tableofcontents/","title":"TableOfContents","breadcrumb":["Components","Navigation","TableOfContents"],"description":"The built-in tableofcontents tag — an on-page contents list that scrapes the current page's headings and highlights the one in view, on Mantine's TableOfContents.","keywords":[],"headings":["TableOfContents","Default","Depth and indentation","Variant, color, size, and radius","Custom selector","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"TableOfContents":1},"lang":"en","markdownUrl":"/components/navigation/tableofcontents.md"},{"url":"/components/navigation/tabs/","title":"Tabs","breadcrumb":["Components","Navigation","Tabs"],"description":"The built-in tabs tag — switch between Markdown panels with a sliding underline and a content crossfade. Usage, options, and live examples.","keywords":[],"headings":["Tabs","Default","Pills","Vertical, colored, and disabled tabs","With other components","Attributes","{% tabs %}","{% tab %}","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Tabs":8},"lang":"en","markdownUrl":"/components/navigation/tabs.md"},{"url":"/components/navigation/tree/","title":"Tree","breadcrumb":["Components","Navigation","Tree"],"description":"The built-in tree tag — a nested file/folder explorer with collapsible folders, indentation guides, and per-file source you can open in a modal. Usage, options, and live examples.","keywords":[],"headings":["Tree","Default","Links, comments, and highlights","With other components","Attributes","{% tree %}","{% folder %}","{% file %}","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Tree":2},"lang":"en","markdownUrl":"/components/navigation/tree.md"},{"url":"/components/overlays/affix/","title":"Affix","breadcrumb":["Components","Overlays","Affix"],"description":"The built-in affix tag — pins content to a fixed spot in the viewport as the page scrolls. Usage, options, and a live example.","keywords":[],"headings":["Affix","Demonstrations","Anchored to other corners and edges","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Affix":1},"lang":"en","markdownUrl":"/components/overlays/affix.md"},{"url":"/components/overlays/dialog/","title":"Dialog","breadcrumb":["Components","Overlays","Dialog"],"description":"The built-in dialog tag — a small corner-anchored panel with no backdrop, with a built-in trigger button. Usage, options, and a live example.","keywords":[],"headings":["Dialog","Demonstrations","Bordered, top-left, larger","A tuned pop-in transition","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Dialog":1,"dialog":2},"lang":"en","markdownUrl":"/components/overlays/dialog.md"},{"url":"/components/overlays/drawer/","title":"Drawer","breadcrumb":["Components","Overlays","Drawer"],"description":"The built-in drawer tag — a panel that slides in from any edge, with a built-in trigger button and open/close wiring. Usage, options, and a live example.","keywords":[],"headings":["Drawer","Demonstrations","A detached drawer from the bottom","A tuned overlay and a deliberate close","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Drawer":1,"drawer":1},"lang":"en","markdownUrl":"/components/overlays/drawer.md"},{"url":"/components/overlays/floatingindicator/","title":"FloatingIndicator","breadcrumb":["Components","Overlays","FloatingIndicator"],"description":"The built-in floatingindicator tag — a demo of Mantine's low-level sliding-highlight positioning primitive that powers SegmentedControl, Tabs, and Stepper.","keywords":[],"headings":["FloatingIndicator","Demonstration","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"FloatingIndicator":1},"lang":"en","markdownUrl":"/components/overlays/floatingindicator.md"},{"url":"/components/overlays/floatingwindow/","title":"FloatingWindow","breadcrumb":["Components","Overlays","FloatingWindow"],"description":"The built-in floatingwindow tag — a draggable titled panel you can grab by its header and move around. Usage, options, and a live example.","keywords":[],"headings":["FloatingWindow","Demonstrations","A borderless window without a close button","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"FloatingWindow":1,"floatingwindow":1},"lang":"en","markdownUrl":"/components/overlays/floatingwindow.md"},{"url":"/components/overlays/hovercard/","title":"HoverCard","breadcrumb":["Components","Overlays","HoverCard"],"description":"The built-in hovercard tag — a richer tooltip that opens on hover with a full Markdown body and open/close delays. Usage, options, and live examples.","keywords":[],"headings":["HoverCard","Demonstrations","Basic","Position and delays","Radius, offset, and arrow size","With other components","HoverCard vs. Tooltip vs. Popover","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"HoverCard":2},"lang":"en","markdownUrl":"/components/overlays/hovercard.md"},{"url":"/components/overlays/","title":"Overlays","breadcrumb":["Components","Overlays"],"description":"Built-in tags for layered UI — modals, drawers, dialogs and other panels, plus floating tooltips / popovers / menus anchored to a target, and the transition primitive that animates them.","keywords":[],"headings":["Overlays","Panels","Managers","Floating","Motion"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/overlays.md"},{"url":"/components/overlays/loadingoverlay/","title":"LoadingOverlay","breadcrumb":["Components","Overlays","LoadingOverlay"],"description":"The built-in loadingoverlay tag — a spinner veil over an area that's loading. Usage, options, and live examples.","keywords":[],"headings":["LoadingOverlay","Demonstrations","A blurred veil with a custom spinner","Content revealed (veil hidden)","With other components","Account summary","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"LoadingOverlay":1},"lang":"en","markdownUrl":"/components/overlays/loadingoverlay.md"},{"url":"/components/overlays/menu/","title":"Menu","breadcrumb":["Components","Overlays","Menu"],"description":"The built-in menu tag — a dropdown of actions and links anchored to a trigger button, with section labels and dividers. Usage, options, and live examples.","keywords":[],"headings":["Menu","Demonstrations","Sections and dividers","Links, colors, and disabled items","Open on hover","Keep the menu open after a click","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Menu":2},"lang":"en","markdownUrl":"/components/overlays/menu.md"},{"url":"/components/overlays/modal/","title":"Modal","breadcrumb":["Components","Overlays","Modal"],"description":"The built-in modal tag — a centered dialog over a dimming overlay, with a built-in trigger button and open/close wiring. Usage, options, and a live example.","keywords":[],"headings":["Modal","Demonstrations","A larger, centered modal","A full-screen modal","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Modal":2,"modal":2,"{% modal %}":1},"lang":"en","markdownUrl":"/components/overlays/modal.md"},{"url":"/components/overlays/modals/","title":"Modals manager","breadcrumb":["Components","Overlays","Modals manager"],"description":"A live demo of @mantine/modals — the imperative modal manager you call from JavaScript (modals.openConfirmModal / open) instead of placing a dialog in the markup. Behavior, syntax, CSS selectors, and attribute injection.","keywords":[],"headings":["Modals manager","Demonstration","ModalsProvider and modals.openConfirmModal","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Modals manager":1},"lang":"en","markdownUrl":"/components/overlays/modals.md"},{"url":"/components/overlays/overlay/","title":"Overlay","breadcrumb":["Components","Overlays","Overlay"],"description":"The built-in overlay tag — a dimming or gradient veil over a box, for spotlighting content or a disabled state. Usage, options, and live examples.","keywords":[],"headings":["Overlay","Demonstrations","A blurred veil","A gradient veil","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Overlay":1},"lang":"en","markdownUrl":"/components/overlays/overlay.md"},{"url":"/components/overlays/popover/","title":"Popover","breadcrumb":["Components","Overlays","Popover"],"description":"The built-in popover tag — a click-toggled floating panel anchored to a trigger button, with a full Markdown body. Usage, options, and live examples.","keywords":[],"headings":["Popover","Demonstrations","Basic","Width, arrow, and trigger variant","Focus and click-outside behavior","Force it open","With other components","Popover vs. HoverCard vs. Menu","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Popover":2,"popover":1},"lang":"en","markdownUrl":"/components/overlays/popover.md"},{"url":"/components/overlays/spotlight/","title":"Spotlight","breadcrumb":["Components","Overlays","Spotlight"],"description":"A Cmd+K-style command palette you open from JavaScript: a searchable overlay of actions, opened with spotlight.open(). Usage, the actions array, and a live example.","keywords":[],"headings":["Spotlight","Demonstrations","The actions array and spotlight.open()","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Spotlight":1},"lang":"en","markdownUrl":"/components/overlays/spotlight.md"},{"url":"/components/overlays/tooltip/","title":"Tooltip","breadcrumb":["Components","Overlays","Tooltip"],"description":"The built-in tooltip tag — a floating label shown on hover or focus of a target. Usage, options, and live examples (position, arrow, color, multiline).","keywords":[],"headings":["Tooltip","Demonstrations","Basic","Position, color, and arrow","Multiline","Force it open","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Tooltip":2},"lang":"en","markdownUrl":"/components/overlays/tooltip.md"},{"url":"/components/overlays/transition/","title":"Transition","breadcrumb":["Components","Overlays","Transition"],"description":"The built-in transition tag — an animation primitive that fades, slides, or scales content in and out as it mounts. How it works on a static page, options, and a live example.","keywords":[],"headings":["Transition","Demonstrations","Presets","Starting hidden","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Transition":1},"lang":"en","markdownUrl":"/components/overlays/transition.md"},{"url":"/components/typography/blockquote/","title":"Blockquote","breadcrumb":["Components","Typography","Blockquote"],"description":"The built-in blockquote tag — a styled Mantine pull-quote with a citation line, accent color, radius, and an optional Tabler icon. Usage, options, and live examples.","keywords":[],"headings":["Blockquote","Demonstrations","Basic quote with citation and icon","Citation only","Color and radius","Icon size and the text shortcut","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Blockquote":4},"lang":"en","markdownUrl":"/components/typography/blockquote.md"},{"url":"/components/typography/code/","title":"Code","breadcrumb":["Components","Typography","Code"],"description":"The built-in code tag — inline or block code rendered verbatim with the Mantine Code element, with an optional background tint. Usage, options, and live examples.","keywords":[],"headings":["Code","Demonstrations","Inline (the default)","Block","Color","Verbatim content","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Code":2,"code":1},"lang":"en","markdownUrl":"/components/typography/code.md"},{"url":"/components/typography/codehighlight/","title":"CodeBlock","breadcrumb":["Components","Typography","CodeBlock"],"description":"A runtime, in-browser code block — Shiki tokenizes the source on the client and the reader gets a copy button. Distinct from the build-time fence highlighter. Usage, a live example, and the attributes.","keywords":[],"headings":["CodeBlock","A basic block","Languages and the copy button","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/typography/codehighlight.md"},{"url":"/components/typography/divider/","title":"Divider","breadcrumb":["Components","Typography","Divider"],"description":"The built-in divider tag — a labelled or plain horizontal/vertical rule. Usage, options, and live examples (labels, position, variants, color).","keywords":[],"headings":["Divider","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Divider":1,"{% divider %}":1},"lang":"en","markdownUrl":"/components/typography/divider.md"},{"url":"/components/typography/highlight/","title":"Highlight","breadcrumb":["Components","Typography","Highlight"],"description":"The built-in highlight tag — highlights every match of one or more substrings inside a longer run of text (the Mantine Highlight element), with color and the Text styling surface. Usage, options, and live examples.","keywords":[],"headings":["Highlight","Demonstrations","Single term","Multiple terms","Color and text styling","The text shortcut","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Highlight":2},"lang":"en","markdownUrl":"/components/typography/highlight.md"},{"url":"/components/typography/","title":"Typography","breadcrumb":["Components","Typography"],"description":"","keywords":[],"headings":["Typography"],"inboundLinks":{},"lang":"en","markdownUrl":"/components/typography.md"},{"url":"/components/typography/list/","title":"List","breadcrumb":["Components","Typography","List"],"description":"The built-in list tag — a Mantine List (ordered or unordered) with icon bullets, sizing, and spacing controls. Usage, options, and live examples.","keywords":[],"headings":["List","Demonstrations","Unordered (the default)","Ordered","Icon bullets","Size, spacing, padding, center","JSON array items","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"List":3},"lang":"en","markdownUrl":"/components/typography/list.md"},{"url":"/components/typography/mark/","title":"Mark","breadcrumb":["Components","Typography","Mark"],"description":"The built-in mark tag — a tinted highlighted text run (the Mantine Mark element) for drawing the eye to a phrase mid-sentence. Usage, options, and live examples.","keywords":[],"headings":["Mark","Demonstrations","Inline highlight","Color","Markdown content and the text shortcut","With other components","Mark vs Highlight","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Mark":3},"lang":"en","markdownUrl":"/components/typography/mark.md"},{"url":"/components/typography/table/","title":"Table","breadcrumb":["Components","Typography","Table"],"description":"The built-in table tag — a Mantine Table with striping, borders, hover, captions, and a sticky header. Usage, options, and live examples.","keywords":[],"headings":["Table","Demonstrations","Striping and hover","Borders","Caption and inline Markdown","Spacing, width, and JSON rows","Sticky header","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Table":2},"lang":"en","markdownUrl":"/components/typography/table.md"},{"url":"/components/typography/text/","title":"Text","breadcrumb":["Components","Typography","Text"],"description":"The built-in text tag — style any run of text with the full Mantine Text surface: weight, size, style, decoration, transform, alignment, color, gradient, truncation, and the spacing system. Usage, options, and live examples.","keywords":[],"headings":["Text","Demonstrations","Content","Typography","Color","Gradient","Truncation","Inline placement","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Text":10,"text":11,"{% text %}":2},"lang":"en","markdownUrl":"/components/typography/text.md"},{"url":"/components/typography/title/","title":"Title","breadcrumb":["Components","Typography","Title"],"description":"The built-in title tag — a Mantine heading (h1–h6) with an explicit level, visual size independent of the level, and the full typography surface: color, align, transform, weight. Usage, options, and live examples.","keywords":[],"headings":["Title","Demonstrations","Order","Visual size","Color, align, transform, weight","Content and spacing","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"Title":8},"lang":"en","markdownUrl":"/components/typography/title.md"},{"url":"/components/typography/typography/","title":"Typography","breadcrumb":["Components","Typography","Typography"],"description":"The built-in typography tag — Mantine's Typography component, which applies article prose styles to a block of Markdown or raw HTML. Usage and a live example.","keywords":[],"headings":["Typography","Demonstrations","A styled article","With other components","Attributes","CSS Selectors","Injecting Attributes","A heading"],"inboundLinks":{"Typography":1},"lang":"en","markdownUrl":"/components/typography/typography.md"},{"url":"/components/typography/visuallyhidden/","title":"VisuallyHidden","breadcrumb":["Components","Typography","VisuallyHidden"],"description":"The built-in visuallyhidden tag — an accessibility primitive that hides content visually while keeping it available to screen readers.","keywords":[],"headings":["VisuallyHidden","Demonstrations","With other components","Attributes","CSS Selectors","Injecting Attributes"],"inboundLinks":{"VisuallyHidden":1},"lang":"en","markdownUrl":"/components/typography/visuallyhidden.md"},{"url":"/deep-nesting/","title":"Deep nesting","breadcrumb":["Docs","Examples","Deep nesting"],"description":"A five-level-deep section of the Docs sidebar — a living example, and visual fixture, of how far navigation nesting goes.","keywords":[],"headings":["Deep nesting"],"inboundLinks":{},"lang":"en","markdownUrl":"/deep-nesting.md"},{"url":"/deep-nesting/level-2/","title":"Level 2","breadcrumb":["Docs","Examples","Deep nesting","Level 2"],"description":"Level 2 of the five-level-deep navigation demo.","keywords":[],"headings":["Level 2"],"inboundLinks":{"Level 2":1},"lang":"en","markdownUrl":"/deep-nesting/level-2.md"},{"url":"/deep-nesting/level-2/level-3/","title":"Level 3","breadcrumb":["Docs","Examples","Deep nesting","Level 2","Level 3"],"description":"Level 3 of the five-level-deep navigation demo.","keywords":[],"headings":["Level 3"],"inboundLinks":{"Level 3":1},"lang":"en","markdownUrl":"/deep-nesting/level-2/level-3.md"},{"url":"/deep-nesting/level-2/level-3/level-4/","title":"Level 4","breadcrumb":["Docs","Examples","Deep nesting","Level 2","Level 3","Level 4"],"description":"Level 4 of the five-level-deep navigation demo.","keywords":[],"headings":["Level 4"],"inboundLinks":{"Level 4":1},"lang":"en","markdownUrl":"/deep-nesting/level-2/level-3/level-4.md"},{"url":"/deep-nesting/level-2/level-3/level-4/level-5/","title":"Level 5","breadcrumb":["Docs","Examples","Deep nesting","Level 2","Level 3","Level 4","Level 5"],"description":"Level 5 — the deepest page in the five-level-deep navigation demo.","keywords":[],"headings":["Level 5"],"inboundLinks":{"Level 5":1},"lang":"en","markdownUrl":"/deep-nesting/level-2/level-3/level-4/level-5.md"},{"url":"/definitions/","title":"Definitions & glossary","breadcrumb":["Docs","Features","Definitions & glossary"],"description":"definitions.yaml is aardvark's translation memory and reader-facing glossary in one file — consistent terminology for vark build --translate, and hover-card definitions for readers.","keywords":[],"headings":["Definitions & glossary","Setup","File format","Per-language overrides","Reader-facing hover cards","Keyboard access","Optional standalone glossary page","Translation memory","Migrating from languages.translationMemory"],"inboundLinks":{},"lang":"en","markdownUrl":"/definitions.md"},{"url":"/deploy/","title":"Deploy Aardvark","breadcrumb":["Docs","Deploy","Overview"],"description":"Everything you need to run an aardvark site in production — host the static build, serve it yourself, and know what every build generates.","keywords":[],"headings":["Deploy aardvark","Run a live server"],"inboundLinks":{},"lang":"en","markdownUrl":"/deploy.md"},{"url":"/deployment/","title":"Deployment","breadcrumb":["Docs","Deploy","Deployment"],"description":"Host the static build/ output anywhere, and optionally ship aardvark itself as a single compiled binary.","keywords":[],"headings":["Deployment","Hosting the site","Caching","Redirects","Publishing under a subpath","Where the origin-root files go","Custom 404 page","Shipping aardvark as a binary"],"inboundLinks":{"404.md":1,"Deployment":2,"Déploiement":1,"read the deployment guide":1},"lang":"en","markdownUrl":"/deployment.md"},{"url":"/docs/","title":"Introduction","breadcrumb":["Docs","Getting Started","Introduction"],"description":"aardvark is a Mantine-powered static site generator — author in Markdown, build to fast static HTML with interactive React islands.","keywords":[],"headings":["aardvark","Why aardvark","How it fits together","Next steps"],"inboundLinks":{},"lang":"en","markdownUrl":"/docs.md"},{"url":"/generators/","title":"Build-time Python","breadcrumb":["Docs","Authoring","Build-time Python"],"description":"Build-time Python in aardvark — inline blocks that compute part of a page (fetch an API, loop over data) and generation scripts that emit whole page sets.","keywords":[],"headings":["Build-time Python","Inline {% … %} blocks","Live demo: this page fetches its own metadata","Generation scripts","Writing pages","The generated marker","Emitting files (CSV, JSON, anything)","A live example","Security & anti-patterns"],"inboundLinks":{"Read the build-time Python guide":1},"lang":"en","markdownUrl":"/generators.md"},{"url":"/getting-started/installation/","title":"Installation","breadcrumb":["Docs","Getting Started","Installation"],"description":"Install aardvark via Homebrew or a prebuilt release binary. Node is required at build time to bundle the Mantine islands.","keywords":[],"headings":["Installation","Prerequisites","Install with Homebrew (macOS)","Windows","Linux","AI features"],"inboundLinks":{"Installation":1},"lang":"en","markdownUrl":"/getting-started/installation.md"},{"url":"/getting-started/project-structure/","title":"Project structure","breadcrumb":["Docs","Getting Started","Project structure"],"description":"The directories and files that make up an aardvark project, and what each one does.","keywords":[],"headings":["Project structure","What each directory does","Output"],"inboundLinks":{"Project structure":1},"lang":"en","markdownUrl":"/getting-started/project-structure.md"},{"url":"/getting-started/quickstart/","title":"Quickstart","breadcrumb":["Docs","Getting Started","Quickstart"],"description":"Scaffold, build, and preview a new aardvark site in under a minute.","keywords":[],"headings":["Quickstart","1. Scaffold a site","2. Install islands dependencies","3. Develop with live reload","4. Build for production","Your first page"],"inboundLinks":{"Démarrage rapide":1,"Get started":1},"lang":"en","markdownUrl":"/getting-started/quickstart.md"},{"url":"/github-automation/","title":"Docs Quality Checks","breadcrumb":["AI Features","Docs Quality Checks"],"description":"Connect a GitHub repo and run aardvark's AI-powered docs quality workflows automatically — on a schedule or on every commit — opening pull requests, all from the cloud-gateway dashboard.","keywords":[],"headings":["Docs Quality Checks","How it works","Connect a repository","Choose capabilities and a schedule","Available capabilities","Review the results","Cost","For operators","Related"],"inboundLinks":{},"lang":"en","markdownUrl":"/github-automation.md"},{"url":"/","title":"Why Aardvark?","breadcrumb":[],"description":"aardvark is the Mantine-powered static site generator — Markdown in, fast static HTML out, with built-in search, OpenAPI, llms.txt, and one-binary deploys.","keywords":[],"headings":["The first word in documentation","Everything a docs site needs","Markdown in, HTML out","Real Python templating","Generate any file","Built-in ⌘K search","OpenAPI try-it","Ships as one binary","Works with the tools you already use","Markdown that does more","An assistant your readers can install","Installable assistant","Multimodal questions","Instant, no-backend search"],"inboundLinks":{"Profile":1,"Settings":1,"link":1,"links":2,"migration notes":1,"status page":1},"lang":"en","markdownUrl":"/index.md"},{"url":"/llms-and-sitemap/","title":"Generated files","breadcrumb":["Docs","Deploy","Generated files"],"description":"Every build also writes sitemap.xml, llms.txt, llms-full.txt, per-page Markdown, and a full-text search index.","keywords":[],"headings":["Generated files","sitemap.xml","robots.txt","llms.txt and llms-full.txt","search-index.json","Web Bot Auth directory",".well-known/agent-skills/index.json","Agent discovery — Link headers","api-catalog for OpenAPI sites","Per-page Markdown and the “View in Markdown” button","Tuning","PDF output","Reuse the PDF instead of re-rendering every build","_redirects and alias stubs","Per-page aliases: (front matter)","Site-wide redirects: (config)","Tuning"],"inboundLinks":{"Agent Skills Discovery index":1,"Generated files":5,"_headers":2,"baseUrl":2,"generated files":2},"lang":"en","markdownUrl":"/llms-and-sitemap.md"},{"url":"/modes/full/","title":"Full mode","breadcrumb":["Docs","Layout modes","Full mode"],"description":"A demo of mode full — both the nav and the TOC are hidden for centered, distraction-free reading.","keywords":[],"headings":["Full mode","Why drop the chrome","When to reach for it","When not to","Still reachable"],"inboundLinks":{"Full":1,"full":2},"lang":"en","markdownUrl":"/modes/full.md"},{"url":"/modes/","title":"Overview","breadcrumb":["Docs","Layout modes","Overview"],"description":"A page's mode front matter toggles the left nav, the right table of contents, and the content width. Live demos of every mode.","keywords":[],"headings":["Layout modes","The modes","See each mode live","Good to know"],"inboundLinks":{"Layout modes":1,"↑ All layout modes":4},"lang":"en","markdownUrl":"/modes.md"},{"url":"/modes/toc-only/","title":"TOC-only mode","breadcrumb":["Docs","Layout modes","TOC-only mode"],"description":"A demo of mode toc-only — the left nav is hidden so you can focus on one document, while the right-hand TOC stays for quick jumps.","keywords":[],"headings":["TOC-only mode","Installation","Configuration","Site metadata","Navigation","Theme","Content authoring","Front matter","Data files","Components","Internationalization","Search","Deployment","Wrapping up"],"inboundLinks":{"TOC only":1,"toc-only":1},"lang":"en","markdownUrl":"/modes/toc-only.md"},{"url":"/modes/uncapped/","title":"Uncapped mode","breadcrumb":["Docs","Layout modes","Uncapped mode"],"description":"A demo of mode uncapped — content runs edge to edge with no width cap and no page padding, for full-bleed landing-page graphics.","keywords":[],"headings":["What you’re looking at","When to use it"],"inboundLinks":{"Uncapped":1,"uncapped":1},"lang":"en","markdownUrl":"/modes/uncapped.md"},{"url":"/modes/wide/","title":"Wide mode","breadcrumb":["Docs","Layout modes","Wide mode"],"description":"A demo of mode wide — the left nav stays, the right TOC is dropped, and the content column widens to fit big tables.","keywords":[],"headings":["Wide mode","Static site generators, compared","How it composes"],"inboundLinks":{"Modes":1,"Wide":1},"lang":"en","markdownUrl":"/modes/wide.md"},{"url":"/pricing/","title":"Plans & pricing","breadcrumb":["Pricing","Plans"],"description":"aardvark is free and open. Paid plans add managed hosting, seats, support, and a monthly included-AI allowance metered in real dollars — never opaque credits.","keywords":[],"headings":["Compare plans","The honest AI meter","When the included AI runs out","Annual billing","FAQ","Your included AI","Going past your included AI (overflow)","Changing or cancelling your plan","Payments, balance, and safety limits","Plans, seats, and hosting"],"inboundLinks":{"Plans & pricing":1},"lang":"en","markdownUrl":"/pricing.md"},{"url":"/pricing/models/","title":"AI model rates","breadcrumb":["Pricing","Model rates"],"description":"Per-token rates for every model aardvark's gateway can serve, at the pay-as-you-go meter; subscribers pay their plan's member rate.","keywords":[],"headings":["Recommended (auto-updating)","All models"],"inboundLinks":{"AI model rates":2,"per-model rates":1,"published per-model prices":1,"the pricing table":2},"lang":"en","markdownUrl":"/pricing/models.md"},{"url":"/protected-pages/","title":"Password protection","breadcrumb":["Docs","Features","Password protection"],"description":"Encrypt a directory of pages at build time and have readers unlock them in the browser with a password — no server or auth provider required.","keywords":[],"headings":["Password protection","Configuration","Building","What readers see","What stays private — and what doesn’t","Security notes"],"inboundLinks":{"password-protected":1},"lang":"en","markdownUrl":"/protected-pages.md"},{"url":"/search/","title":"Search","breadcrumb":["Docs","Features","Search"],"description":"aardvark ships a built-in ⌘K search — a full-text index generated at build time and scored in the browser, with no external service.","keywords":[],"headings":["Search","Using it","Narrowing a search","Filtering by path","What the build does","Per-page control","Tuning the ranking","Typo tolerance","Synonyms","Section & API-symbol results","Multilingual sites","404 suggestions","Analytics","Search Analytics dashboard (AI-enabled sites)","Index size","Caching","Turning it off"],"inboundLinks":{"Algolia DocSearch":1,"Search → 404 suggestions":1,"built-in search":1,"search":1},"lang":"en","markdownUrl":"/search.md"},{"url":"/self-hosting/","title":"Self-hosting & MCP","breadcrumb":["AI Features","Agent-ready","Self-hosting & MCP"],"description":"Run a built aardvark site in production with vark serve — a hardened static server plus a live MCP server — and package it as a Docker image behind a CDN.","keywords":[],"headings":["Self-hosting & MCP","vark serve","Markdown for Agents","Put a CDN in front","The Docker image","The MCP server","Connecting a client","WebMCP — the same tools, in the browser","Hardening notes"],"inboundLinks":{"Self-hosting & MCP":2,"vark serve":4,"vark serve --mcp":1},"lang":"en","markdownUrl":"/self-hosting.md"},{"url":"/survey/","title":"Reader surveys","breadcrumb":["Docs","Features","Reader surveys"],"description":"Ask readers a short, Google-Surveys-style question and record the answers to Google Analytics.","keywords":[],"headings":["Reader surveys","Survey options","Question types","Question options","Invalid config","When it shows","Survey identity","What gets recorded","Full comments with the AI assistant","Consent gating","Accessibility","Customizing"],"inboundLinks":{"survey":2},"lang":"en","markdownUrl":"/survey.md"},{"url":"/theming/dark-mode/","title":"Light & dark mode","breadcrumb":["Docs","Theming","Light & dark mode"],"description":"The default theme ships a light/dark toggle that drives both the chrome and the Mantine islands from one attribute.","keywords":[],"headings":["Light & dark mode","How it works","Default"],"inboundLinks":{"Light & dark mode":1},"lang":"en","markdownUrl":"/theming/dark-mode.md"},{"url":"/theming/","title":"Theme & customization","breadcrumb":["Docs","Theming","Theme & customization"],"description":"The default theme is full, editable HTML source in themes/vark/. Override the layout and styles however you like.","keywords":[],"headings":["Theme & customization","Where the theme lives","Files","Selecting a theme","Page templates","What the layout receives","Nav","Breadcrumbs","Colors","Page background","Favicon","Powered by aardvark","Syntax highlighting","Code block labels"],"inboundLinks":{"Theme & customization":3,"Theming → what the layout receives":1,"theme.scss":1,"theming guide":1},"lang":"en","markdownUrl":"/theming.md"},{"url":"/theming/landing-example/","title":"Landing page template","breadcrumb":["Docs","Theming","Landing page template"],"description":"A page that opts into the theme's landing.html with a pagetype front-matter key.","keywords":[],"headings":["A different template, same theme"],"inboundLinks":{},"lang":"en","markdownUrl":"/theming/landing-example.md"},{"url":"/versioning/","title":"Versioning","breadcrumb":["Docs","Features","Versioning"],"description":"Publish multiple documentation versions side by side — the latest at the site root, older releases under /vX/ — with a header version picker, per-version search, and canonical→latest SEO. A snapshot-in-tree, single-build model.","keywords":[],"headings":["Versioned documentation","How it works","Enabling it","Cutting a version","URLs","SEO and search"],"inboundLinks":{},"lang":"en","markdownUrl":"/versioning.md"},{"url":"/web-bot-auth/","title":"Web Bot Auth","breadcrumb":["AI Features","Agent-ready","Web Bot Auth"],"description":"Publish a Web Bot Auth key directory so your site can identify itself when an agent sends signed requests on its behalf.","keywords":[],"headings":["Web Bot Auth","Generate a key","Configure","What gets published"],"inboundLinks":{"Web Bot Auth":4,"webBotAuth":1},"lang":"en","markdownUrl":"/web-bot-auth.md"},{"url":"/fr/getting-started/installation/","title":"Installation","breadcrumb":["Docs","Installation"],"description":"Installez aardvark via Homebrew ou un binaire de release précompilé. Node est requis à la compilation pour regrouper les îlots Mantine.","keywords":[],"headings":["Installation","Prérequis","Installer avec Homebrew (macOS)","Windows et Linux","Fonctionnalités IA"],"inboundLinks":{"Installation":1},"lang":"fr","markdownUrl":"/fr/getting-started/installation.md"},{"url":"/fr/","title":"Introduction","breadcrumb":[],"description":"aardvark est un générateur de site statique propulsé par Mantine — rédigez en Markdown, compilez en HTML statique rapide avec des îlots React interactifs.","keywords":[],"headings":["aardvark","Pourquoi aardvark","Comment tout s’assemble","Étapes suivantes"],"inboundLinks":{},"lang":"fr","markdownUrl":"/fr.md"}],"glossary":[{"term":"island","definition":"A self-contained interactive React component rendered in the browser."},{"term":"Static Site Generator","definition":"A tool that turns source files (here, Markdown) into static HTML pages.","acronym":"SSG"},{"term":"Markdown","definition":"The lightweight markup language these docs are authored in."}],"corpus":{"llmsFullUrl":"/llms-full.txt","bytes":1465470,"approxTokens":366368}}