chore(fs.dev): Work on prebuild for mdx content
This commit is contained in:
parent
39e4119270
commit
d8fb6868f1
11 changed files with 279 additions and 40 deletions
|
@ -1,30 +1,34 @@
|
|||
import Icon from 'shared/components/icon/index.js'
|
||||
|
||||
const TopLevel = ({ icon, title }) => (
|
||||
<details className='p-3'>
|
||||
<summary className='flex flex-row uppercase font-bold text-lg gap-6'>
|
||||
{icon}
|
||||
{title}
|
||||
</summary>
|
||||
<div className='pl-4'>
|
||||
<ul>
|
||||
<li>Getting started on Linux</li>
|
||||
<li>Getting started on Mac</li>
|
||||
<li>Getting started on Windows</li>
|
||||
<li>Pattern design tutorial</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
)
|
||||
|
||||
const PrimaryMenu = props => {
|
||||
|
||||
return (
|
||||
<nav className={`
|
||||
sm:max-w-sm
|
||||
md:max-w-md
|
||||
lg:max-w-lg
|
||||
xl:max-w-xl
|
||||
bg-base-200
|
||||
grow
|
||||
`}>
|
||||
<details>
|
||||
<summary className='flex row uppercase font-bold text-lg gap-4'>
|
||||
<Icon />
|
||||
Tutorials
|
||||
</summary>
|
||||
<div className='pl-4'>
|
||||
More stuff here
|
||||
</div>
|
||||
</details>
|
||||
<ul>
|
||||
<li>Tutorials</li>
|
||||
<li>Guides</li>
|
||||
<li>Howtos</li>
|
||||
<li>Reference</li>
|
||||
</ul>
|
||||
<TopLevel icon={<Icon icon='tutorial' size={28}/>} title='tutorials' />
|
||||
<TopLevel icon={<Icon icon='guide' size={28}/>} title='guides' />
|
||||
<TopLevel icon={<Icon icon='help' size={28}/>} title='howtos' />
|
||||
<TopLevel icon={<Icon icon='docs' size={28}/>} title='reference' />
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue