daisyui
Helper components for using slimplate with daisyui
For more information and general usage instructions, checkout slimplate
installation
npm i @slimplate/daisyui
usage
Here is an example of a page that has an editor sidebar made with daisyui:
import { EditorPage } from '@slimplate/daisyui'
import s from '@/../.slimplate.json'
const { collections, repo, branch } = s
const collection = collections.blog
const components = {}
// give this component blogPost, and it will render it with an editor sidebar
export default function PageMine({ blogPost }) {
return (
<EditorPage onUpdate={updatePost} item={blogPost} collection={collection} proxy={process.env.NEXT_PUBLIC_CORS_PROXY} repo={repo} branch={branch || 'main'}>
<main className='prose m-auto mb-4'>
<MDXRemote {...blogPost.mdx} components={components} />
</main>
</EditorPage
)
}
There are a few other heloper components you can add to your site to do things:
import {
ButtonSync, // tracks current state of repo and allows user to sync with remote
ButtonLoginGithub // tracks current user-state, and allows users to login/logout
} from '@slimplate/daisyui'