Headings:

H2 Example

H3 Example

H4 Example

H5 Example

H6 Example

Paragraph:

Quis fugiat ea fugiat consectetur id magna occaecat cillum irure. Sunt ullamco ex id esse Lorem eu deserunt anim non ut minim. Ipsum sunt sint ea laboris nulla et minim quis aliqua nostrud culpa ex. Exercitation deserunt dolor nisi voluptate minim. Sint ipsum in anim tempor fugiat.

Unordered List:

• Unordered List #1
• Unordered List #2
• Unordered List #3

Ordered List:

1. Ordered List #1
2. Ordered List #2
3. Ordered List #3

Checkbox List:

• Checked list input
• Unchecked list input

Table:

Left aligned:

Image:

Code Blocks:

export const Button: React.FC = (props) => {  return <button {...props} />;};

Code Block (with focus)

import type React from "react";import { cn } from "#shared/utils";import { buttonVariants, type ButtonProps } from "./variants";export const Button: React.FC<ButtonProps> = ({  variant,  size,  className,  ...props}) => {  const buttonClassNames = cn(buttonVariants({ variant, size }), className);  return <button className={buttonClassNames} {...props} />;};Button.displayName = "Button component";

Code Block (with diff)

import type React from "react";import { cn } from "#shared/utils";import { buttonVariants, type ButtonProps } from "./variants";export const Button: React.FC<ButtonProps> = ({  variant,  size,  className,  ...props  ...restProps}) => {  const buttonClassNames = cn(buttonVariants({ variant, size }), className);  return <button className={buttonClassNames} {...props} />;  return <button className={buttonClassNames} {...restProps} />;};Button.displayName = "Button component";

Alerts:

NOTE

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

With custom title:

Eslatma

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

TIP

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

With custom title:

Maslahat

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

IMPORTANT

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

With custom title:

Muhim

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

WARNING

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

With custom title:

Ogohlantirish

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

CAUTION

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.

With custom title:

Ehtiyot bo'ling

Tempor aliquip ad consectetur cillum exercitation anim. Exercitation ex esse quis ut nisi labore eiusmod ipsum commodo exercitation cillum ut. Aliqua enim aliqua eu in do. Dolor qui minim occaecat esse sit reprehenderit id. Velit culpa magna esse excepteur aute reprehenderit minim qui veniam mollit nostrud et. Aliqua sit aute nisi voluptate culpa exercitation laboris.