[{"data":1,"prerenderedAt":23},["ShallowReactive",2],{"clay-page:\u002F4.x\u002Ffeatures\u002Fpage-details":3},{"html":4,"toc":5,"description":19,"hero":20,"list":21,"socialImage":22},"\u003Ch1 id=\"page-details\">Page Details\u003C\u002Fh1>\n\u003Cp>Around the content of each page, Clay adds what readers need to find their way: a table of contents, when the page was last changed, a link to improve it and the way to the next page.\u003C\u002Fp>\n\u003Ch2 id=\"table-of-contents\">\u003Ca class=\"heading-anchor\" href=\"#table-of-contents\" aria-label=\"Link to this section\" data-route=\"#table-of-contents\">#\u003C\u002Fa>Table of contents\u003C\u002Fh2>\n\u003Cp>On wide screens, a table of contents next to the page lists its \u003Ccode>##\u003C\u002Fcode> and \u003Ccode>###\u003C\u002Fcode> headings. While you scroll, a line next to it marks every section on screen; click an entry to jump there. On narrower screens, it folds up above the page instead. Pages with only one heading do without.\u003C\u002Fp>\n\u003Ch2 id=\"last-updated\">\u003Ca class=\"heading-anchor\" href=\"#last-updated\" aria-label=\"Link to this section\" data-route=\"#last-updated\">#\u003C\u002Fa>Last updated\u003C\u002Fh2>\n\u003Cp>At the bottom of each page, Clay shows when it was last changed, taken from the last git commit that touched the file:\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Last updated: October 14, 2026\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>The date is formatted for the page’s language. This needs the docs in a git repository with its history. In CI, check out the full history; most CI systems clone only the last commit by default:\u003C\u002Fp>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">GitHub Actions\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-1\" class=\"tab\" aria-controls=\"clay-tabs-1-1-panel\" aria-selected=\"false\" tabindex=\"-1\">GitLab CI\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-0\" data-label=\"GitHub Actions\">\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">- \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">uses\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">actions\u002Fcheckout@v7\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  with\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">    fetch-depth\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#076240;--shiki-dark:#B5CEA8\">0\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"GitLab CI\" hidden=\"\">\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">variables\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  GIT_DEPTH\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#076240;--shiki-dark:#B5CEA8\">0\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>Without git history, the dates are left out, and the build says so:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan>▲ the docs are not in a git repository: last-updated dates are skipped\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>This warning never fails a build, not even with \u003Ccode>--strict\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch2 id=\"edit-this-page\">\u003Ca class=\"heading-anchor\" href=\"#edit-this-page\" aria-label=\"Link to this section\" data-route=\"#edit-this-page\">#\u003C\u002Fa>Edit this page\u003C\u002Fh2>\n\u003Cp>With \u003Ccode>editURL\u003C\u002Fcode> in \u003Ccode>clay.yaml\u003C\u002Fcode>, each page links to its source file, so readers can fix a typo in a minute:\u003C\u002Fp>\n\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>clay.yaml\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">editURL\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"https:\u002F\u002Fgithub.com\u002Fmy-org\u002Fmy-project\u002Fedit\u002Fmain\u002Fdocs\u002F\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>On translated pages the link leads to the translation, with \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Forganizing\u002Fversions\" data-route=\"\u002F4.x\u002Forganizing\u002Fversions\">versions\u003C\u002Fa> into the version’s folder, \u003Ccode>docs\u002Flatest\u002F\u003C\u002Fcode> or \u003Ccode>docs\u002F<name>\u002F\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch2 id=\"previous-and-next\">\u003Ca class=\"heading-anchor\" href=\"#previous-and-next\" aria-label=\"Link to this section\" data-route=\"#previous-and-next\">#\u003C\u002Fa>Previous and next\u003C\u002Fh2>\n\u003Cp>The last element of each page links to the previous and the next page, in the order of the sidebar, across folders. Readers can read the docs from start to end without opening the sidebar.\u003C\u002Fp>\n",[6,10,13,16],{"id":7,"text":8,"level":9},"table-of-contents","Table of contents",2,{"id":11,"text":12,"level":9},"last-updated","Last updated",{"id":14,"text":15,"level":9},"edit-this-page","Edit this page",{"id":17,"text":18,"level":9},"previous-and-next","Previous and next","The table of contents, last-updated dates, edit links and previous\u002Fnext links around each page.",null,false,"\u002F_clay\u002Fsocial\u002F4.x\u002Ffeatures\u002Fpage-details.png",1792666369504]