fix docs for using custom components compositionally (#2044)

This commit is contained in:
Garklein
2025-07-07 22:46:52 -04:00
committed by GitHub
parent 969ec56dcb
commit 15f7f18a53

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>