Matt Elphick | Showcase snippet

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