fix docs for using custom components compositionally

This commit is contained in:
Garklein 2025-07-07 12:17:38 -04:00
parent 40f30bef45
commit c64f170864

View File

@ -226,9 +226,11 @@ Then, you can use it like any other component in `quartz.layout.ts` via `Compone
As Quartz components are just functions that return React components, you can compositionally use them in other Quartz components. As Quartz components are just functions that return React components, you can compositionally use them in other Quartz components.
```tsx title="quartz/components/AnotherComponent.tsx" ```tsx title="quartz/components/AnotherComponent.tsx"
import YourComponent from "./YourComponent" import YourComponentConstructor from "./YourComponent"
export default (() => { export default (() => {
const YourComponent = YourComponentConstructor()
function AnotherComponent(props: QuartzComponentProps) { function AnotherComponent(props: QuartzComponentProps) {
return ( return (
<div> <div>