var Component=(()=>{var C=Object.create;var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var D=(h,e)=>()=>(e||h((e={exports:{}}).exports,e),e.exports),N=(h,e)=>{for(var l in e)a(h,l,{get:e[l],enumerable:!0})},m=(h,e,l,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of v(e))!x.call(h,n)&&n!==l&&a(h,n,{get:()=>e[n],enumerable:!(r=b(e,n))||r.enumerable});return h};var T=(h,e,l)=>(l=h!=null?C(B(h)):{},m(e||!h||!h.__esModule?a(l,"default",{value:h,enumerable:!0}):l,h)),w=h=>m(a({},"__esModule",{value:!0}),h);var F=D((L,u)=>{u.exports=_jsx_runtime});var A={};N(A,{default:()=>f});var i=T(F());function y(h){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",span:"span",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...h.components},{Callout:l,Card:r,Cards:n,CodeBlockTab:t,CodeBlockTabs:o,CodeBlockTabsList:p,CodeBlockTabsTrigger:c,Step:d,Steps:g,Tab:k,Tabs:E}=e;return l||s("Callout",!0),r||s("Card",!0),n||s("Cards",!0),t||s("CodeBlockTab",!0),o||s("CodeBlockTabs",!0),p||s("CodeBlockTabsList",!0),c||s("CodeBlockTabsTrigger",!0),d||s("Step",!0),g||s("Steps",!0),k||s("Tab",!0),E||s("Tabs",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h2,{id:"markdown-demo",children:"Markdown Demo"}),` `,(0,i.jsx)(e.h3,{id:"heading-example",children:"Heading Example"}),` `,(0,i.jsx)(e.h4,{id:"feature-1",children:"Feature 1"}),` `,(0,i.jsx)(e.h5,{id:"feature-2",children:"Feature 2"}),` `,(0,i.jsx)(e.h6,{id:"feature-3",children:"Feature 3"}),` `,(0,i.jsxs)(e.ul,{children:[` `,(0,i.jsx)(e.li,{children:"Placeholder item A"}),` `,(0,i.jsx)(e.li,{children:"Placeholder item B"}),` `,(0,i.jsx)(e.li,{children:"Placeholder item C"}),` `]}),` `,(0,i.jsxs)(e.ol,{children:[` `,(0,i.jsx)(e.li,{children:"Step 1"}),` `,(0,i.jsx)(e.li,{children:"Step 2"}),` `,(0,i.jsx)(e.li,{children:"Step 3"}),` `]}),` `,(0,i.jsxs)(e.blockquote,{children:[` `,(0,i.jsx)(e.p,{children:"This quote is placeholder text for demo styling."}),` `]}),` `,(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{children:"Field"}),(0,i.jsx)(e.th,{children:"Type"}),(0,i.jsx)(e.th,{children:"Description"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"title"})}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"string"})}),(0,i.jsx)(e.td,{children:"Display title"})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"icon"})}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"string"})}),(0,i.jsx)(e.td,{children:"Icon name"})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"isPro"})}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.code,{children:"boolean"})}),(0,i.jsx)(e.td,{children:"Pro content switch"})]})]})]}),` `,(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:"shiki shiki-themes github-light github-dark",style:{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},tabIndex:"0",icon:'',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"const"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" demo"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" {"})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" section: "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"'Feature Demo'"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" blocks: ["}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"'feature-1'"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"'feature-2'"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:", "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:"'feature-3'"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"],"})]}),` `,(0,i.jsx)(e.span,{className:"line",children:(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"};"})})]})})}),` `,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.a,{href:"/docs",children:"Back to Docs Home"})}),` `,(0,i.jsx)(e.p,{children:(0,i.jsx)(e.img,{alt:"Demo image",src:"/favicons/og.png",width:"2752",height:"1536"})}),` `,(0,i.jsx)(e.h2,{id:"fumadocs-components-demo",children:"Fumadocs Components Demo"}),` `,(0,i.jsx)(l,{type:"info",title:"Info",children:(0,i.jsx)(e.p,{children:"This is demo copy. Replace it with your own note."})}),` `,(0,i.jsxs)(n,{children:[(0,i.jsx)(r,{title:"Demo Page 1",href:"/docs/cms/fumadocs-special-blocks",description:"Placeholder description for feature block demo."}),(0,i.jsx)(r,{title:"Demo Page 2",href:"/docs/cms/paid-content-demo",description:"Placeholder description for paid content demo."})]}),` `,(0,i.jsxs)(E,{items:["pnpm","npm"],children:[(0,i.jsx)(k,{children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:"shiki shiki-themes github-light github-dark",style:{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},tabIndex:"0",icon:'',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"pnpm"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" install"})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"pnpm"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" dev"})]})]})})})}),(0,i.jsx)(k,{children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:"shiki shiki-themes github-light github-dark",style:{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},tabIndex:"0",icon:'',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"npm"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" install"})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},children:"npm"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" run"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:" dev"})]})]})})})})]}),` `,(0,i.jsxs)(o,{defaultValue:"env",children:[(0,i.jsxs)(p,{children:[(0,i.jsx)(c,{value:"env",children:".env.local"}),(0,i.jsx)(c,{value:"config",children:"config"})]}),(0,i.jsx)(t,{value:"env",children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:"shiki shiki-themes github-light github-dark",style:{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},tabIndex:"0",icon:'',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"DEMO_KEY"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"demo_value"'})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"DATABASE_URL"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"="}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},children:'"postgres://..."'})]})]})})})}),(0,i.jsx)(t,{value:"config",children:(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(e.pre,{className:"shiki shiki-themes github-light github-dark",style:{"--shiki-light":"#24292e","--shiki-dark":"#e1e4e8","--shiki-light-bg":"#fff","--shiki-dark-bg":"#24292e"},tabIndex:"0",icon:'',children:(0,i.jsxs)(e.code,{children:[(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"export"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:" config"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" ="}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" {"})]}),` `,(0,i.jsx)(e.span,{className:"line",children:(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" demo: {"})}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" feature1: "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"true"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" feature2: "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#005CC5","--shiki-dark":"#79B8FF"},children:"true"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:","})]}),` `,(0,i.jsx)(e.span,{className:"line",children:(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:" },"})}),` `,(0,i.jsxs)(e.span,{className:"line",children:[(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:"} "}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:"as"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},children:" const"}),(0,i.jsx)(e.span,{style:{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},children:";"})]})]})})})})]}),` `,(0,i.jsxs)(g,{children:[(0,i.jsx)(d,{children:(0,i.jsxs)(e.p,{children:["Create a new ",(0,i.jsx)(e.code,{children:"*.mdx"})," page in ",(0,i.jsx)(e.code,{children:"content/docs"}),"."]})}),(0,i.jsx)(d,{children:(0,i.jsxs)(e.p,{children:["Register page order in ",(0,i.jsx)(e.code,{children:"meta.{locale}.json"}),"."]})}),(0,i.jsx)(d,{children:(0,i.jsx)(e.p,{children:"Replace placeholder copy with real product content."})})]})]})}function f(h={}){let{wrapper:e}=h.components||{};return e?(0,i.jsx)(e,{...h,children:(0,i.jsx)(y,{...h})}):y(h)}function s(h,e){throw new Error("Expected "+(e?"component":"object")+" `"+h+"` to be defined: you likely forgot to import, pass, or provide it.")}return w(A);})(); ;return Component;

Feature Blocks Demo

On this page