mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 15:08:27 -04:00
31 lines
646 B
TypeScript
31 lines
646 B
TypeScript
export type CodePenProps = {
|
|
username: string;
|
|
id: string;
|
|
height?: number;
|
|
defaultTab?: string;
|
|
preview?: boolean;
|
|
editable?: boolean;
|
|
};
|
|
|
|
const CodePen = ({
|
|
username,
|
|
id,
|
|
height = 500,
|
|
defaultTab = "html",
|
|
preview = true,
|
|
editable = false,
|
|
}: CodePenProps) => {
|
|
return (
|
|
<iframe
|
|
src={`https://codepen.io/${username}/embed/${id}/?${new URLSearchParams({
|
|
"default-tab": `${defaultTab},result`,
|
|
preview: `${!!preview}`,
|
|
editable: `${!!editable}`,
|
|
})}`}
|
|
style={{ height: `${height}px`, width: "100%", border: "0", overflow: "hidden" }}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default CodePen;
|