A tour of MDX components
A post solely dedicated to the components used in this blog.
Code
Inline
This is an example of inline code: const x = 1;
Basic Block
import { Component } from "react";
export default class MyComponent extends Component {
render() {
return <div>Hello World</div>;
}
}Block With Title
import { Component } from "react";
export default class MyComponent extends Component {
render() {
return <div>Hello World</div>;
}
}Block With Highlighted Lines
import { Component } from "react";
export default class MyComponent extends Component {
render() {
return <div>Hello World</div>;
}
}Headings
H1
H2
H3
H4
H5
H6
Lists
- Item 1
- Item 2
- Item 3
Math
Inline Math
This is an example of inline math:
Block Math
Tables
| Assignment | Date |
|---|---|
| Report of findings of research from listed foundational work | 6/10/2023 |
| Creation of proof-of-concept training dataset for images of text. | 6/25/2023 |
| Code with experiementation via pytorch and available source code of realistic text-in-image generation | 7/20/2023 |
Lists
Ordered
- Item 1
- Item 2
- Item 3
Unordered
- Item 1
- Item 2
- Item 3
Block Quotes
This is a block quote.
Images
Figures
| Assignment | Date |
|---|---|
| Report of findings of research from listed foundational work | 6/10/2023 |
| Creation of proof-of-concept training dataset for images of text. | 6/25/2023 |
| Code with experiementation via pytorch and available source code of realistic text-in-image generation | 7/20/2023 |