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 eceefd1d84
commit 82c53a1c80
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

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>