@wixc3/react-board
v4.3.3@wixc3/react-board
This library is here to help you create React component boards for Codux.
Usage
Given:
// hello.tsx
import React from 'react';
export interface HelloProps {
name: string;
}
export const Hello: React.VFC<HelloProps> = ({ name }) => <div>Hello ${name}</div>;
This library can be used to create boards for Hello
:
// hello.board.tsx
import { createBoard } from '@wixc3/react-board';
import { Hello } from './hello';
createBoard({
name: 'basic board',
board: () => <Hello name="World" />,
});
You can also create boards with separation between the actual content and the board environment (context providers, board styling).
This will be helpful in board templates, to indicate to Codux where to put the component in the generated board.
Or in boards, so that when the board is converted to a code snippet, only the children of the <ContentSlot>
will be included in the snippet.
This is useful when the board is wrapped in a router or a context provider that shouldn't be included in the snippet.
// hello.board.tsx
import { createBoard, ContentSlot } from '@wixc3/react-board';
import { Hello } from './hello';
createBoard({
name: 'hello board',
board: () => (
<SomeWrappingComponent>
<p>description</p>
<ContentSlot>
<Hello name="World" />,
</ContentSlot>
<SomeWrappingComponent>
)
});
License
MIT
npm i @wixc3/react-board
Metadata
- MIT
- Whatever
- Unknown
- released 10/7/2024
Downloads
Maintainers
dorza, vladba-wix, danielgovrin, yurimorkovnik, ranberko91, 0xrezaa, gregdamsky, alissawix, ekaterinaza, noammu, buchenpilar, oleksiiletushev, alisalachman, vladyslav-baliuk, yuriin, ilyakwix, matang, daomry, noama, shakederin, dlvhdr, plisovyi, pijusn, shireewill, haryelp, iuriikowix, itaywix, thealmightycrumb, devex-infra, olehr, tomrav, avi.vahl, alexswix, omerk, talga, cijoe, wix-ci, wixnpm, baraki, interal, alisey, danieleww, idoros, nadavwix, rashellek, wtfil, denysdovhan, vkobeliatskyi, pistolpete_, nettaru, igalh, netanelgilad, anatfenn, erezshasha, zemlanin, arnonkehat, ariki, itpurchases, danalevy, serhiiz, oleksandraab, idango10, mikanadel, tetiana0611, vladkar, yurii-v, elig-wix, nadav.a, vladyslavgoloshchapov,