Welcome to Markdoc 👋

This simple starter showcases Markdoc with Content Collections. All Markdoc features are supported, including this nifty built-in {% table %} tag:

Check out the @astrojs/markdoc integration for complete documentation and usage examples.

Code block

import { useState } from 'react'
import { Switch } from '@headlessui/react'

function Example() {
	const [enabled, setEnabled] = useState(true)

	return (
		<form action="/notification-settings" method="post">
			<Switch checked={enabled} onChange={setEnabled} name="notifications">
				{/* ... */}
			</Switch>
			<button>Submit</button>
		</form>
	)
}

More notifications

Note notice

Caution notice

Danger notice