keb/jpg-quartz
1
0
Fork 0
mirror of https://github.com/ZetaKebab/quartz.git synced 2025-11-03 22:49:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix docs for using custom components compositionally (#2044)

Browse Source
This commit is contained in:
Garklein
2025-07-07 22:46:52 -04:00
committed by GitHub
parent eceefd1d84
commit 82c53a1c80
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/advanced/creating components.md
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>