Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 4x 9x | type PlaceholderProps = {
/** Name of placeholder. */
name: string
/** Style of placeholder. */
className?: string
/** For testing. */
datacy?: string
}
/**
* Placeholder component to show where a component is missing and easier to find.
*/
export const Placeholder: React.FC<PlaceholderProps> = ({ name, className = '', datacy }) => {
return (
<div className={`bg-green-500 text-center p-2${className ? ` ${className}` : ''}`} datacy={datacy}>
{name}
</div>
)
}
|