Showcase snippet

This is a snippet that showcases all code block forms.

For when you want to do a thing

Inline thing goes console.info('Hello World') and block goes here:

import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
ts
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
tsx
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return (
<div className="bg-gray-200">
{children}
And even more content that's really really really really really really really
really really really really really really really really really long
</div>
);
}
tsx
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return (
<div className="bg-gray-200">
{children}
And even more content that's really really really really really really really
really really really really really really really really really long
</div>
);
}
tsx
component.tsx
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
tsx
Just highlight some things
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
tsx
📋 Copy
Testing this thing
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
tsx
📋 Copy
Testing this thing
Example button
import * as React from "react";
/**
* This doesn't do much
*/
export default function Component({ children }: { children: ReactNode }) {
return <div className="bg-gray-200">{children}</div>;
}
tsx
📋 Copy
Testing this thing
Problem with this page? Submit a change here.