Multiple Reasons As To Why This Is A Hello World
import * as React from 'react';
export type HelloWorldProps = React.ComponentProps<'div'>;
export function HelloWorld({ className }: HelloWorldProps) {
const hello = () => {
console.log('Hello, World!');
};
return <div className={className}>Hello World!</div>;
}
This is an <h2/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.
Code Examples
const str: string = 1;str = 'Hello';
// import { getHighlighterCore } from 'shiki/core';
// const highlighter = await getHighlighterCore({});
const a = 1;Custom log messageconst b = 1;Custom error messageconst c = 1;Custom warning messageCustom annotation message
Aliquam sed purus imperdiet, rutrum justo quis, mattis tellus
. import { Button } from '~/components/ui/button'{:js}
. Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla.
Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor.
Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum.
Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit.
Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula. Morbi rhoncus justo molestie purus ornare imperdiet. Morbi et lobortis nunc.
This is an <h3/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu lectus purus. Proin volutpat magna a ante convallis cursus. Cras efficitur ipsum eu magna blandit, tempor pulvinar sapien bibendum. In gravida massa eget velit venenatis pretium. Cras hendrerit diam sit amet libero feugiat, sit amet pharetra mi mollis. Donec vel mollis lectus. Mauris vulputate pharetra odio vel sollicitudin. Nullam dui lectus, consectetur nec erat a, blandit vulputate massa.
Aliquam sed purus imperdiet,
rutrum justo quis, mattis tellus
.import { Button } from '~/components/ui/button'{:js}
. Nunc semper vitae nisl ut consectetur. Fusce nisi neque, accumsan vitae facilisis ut, bibendum quis nulla. Vivamus sit amet aliquam elit, eget condimentum ligula. Donec auctor consequat leo ac auctor.
Lorem ipsum dolor sir amet
This is a table 🤓😄🍰💻
Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, 🤓😄🍰💻 tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.
Column 1 Header | Column 2 Header | Column 3 Header |
---|---|---|
Row 1 Column 1 | Row 1 Column 2 | Row 1 Column 3 |
Row 2 Column 1 | Row 2 Column 2 | Row 2 Column 3 |
Row 3 Column 1 | Row 3 Column 2 | Row 3 Column 3 |
Morbi posuere vitae turpis sed venenatis. Nunc condimentum augue lectus. Etiam consequat scelerisque condimentum. Vestibulum vitae quam velit. Donec tristique, ipsum sit amet pellentesque rhoncus, mi quam feugiat massa, in porttitor mauris nisl ut velit. Pellentesque rutrum, tortor vitae dignissim vehicula, nisl augue aliquam risus, a pulvinar nunc nibh lacinia ligula.