We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 8823c01 commit 893c48aCopy full SHA for 893c48a
examples/react/css/src/Panel.tsx
@@ -1,16 +1,18 @@
1
import React from 'react';
2
3
type PanelProps = React.PropsWithChildren<{
4
- header: string;
+ header?: React.ReactNode;
5
footer?: React.ReactNode;
6
}>;
7
8
export function Panel({ header, children, footer }: PanelProps) {
9
return (
10
<div className="ais-Panel">
11
- <div className="ais-Panel-header">
12
- <span>{header}</span>
13
- </div>
+ {Boolean(header) && (
+ <div className="ais-Panel-header">
+ <span>{header}</span>
14
+ </div>
15
+ )}
16
<div className="ais-Panel-body">{children}</div>
17
{Boolean(footer) && <div className="ais-Panel-footer">{footer}</div>}
18
</div>
0 commit comments