{
"name": "SkipLink",
"package": "@magicblocksai/ui",
"file": "packages/ui/src/components/SkipLink.tsx",
"chapterTag": "06 Navigation",
"chapter": "07-navigation.html",
"sectionId": "skip-link",
"elName": "Skip link",
"demoUrl": "https://brand.magicblocks.ai/components/07-navigation#skip-link",
"hasLiveDemo": false,
"description": "Skip-to-content link. Hidden until focused; first tab stop. Wraps\n`.skip-link`.",
"useClient": false,
"interactivity": "display",
"namedExports": [
{
"name": "SkipLink",
"isPrincipal": true,
"isType": false
},
{
"name": "SkipLinkProps",
"isPrincipal": false,
"isType": true
}
],
"importStatement": "import { SkipLink } from \"@magicblocksai/ui\";",
"props": [
{
"name": "targetId",
"optional": true,
"type": "string",
"doc": "Target id (without `#`). Defaults to `main`."
}
],
"classesUsed": [
"skip-link"
],
"examples": {
"react": "\n \n \n …\n",
"html": "\n
Skip to content\n
Tab into this area — the skip link appears in the top-left.
\n