Component Library

This is a bold statement followed by italic text and underlined text to test styling.

Lists

Here is an unordered list of items:

• First  point
• Second point
• Third point with bold statement followed by italic text and underlined text to test styling

Here is an ordered list of items:

1. First point
2. Second point
3. Third point with bold statement followed by italic text and underlined text to test styling

Text styles

Here are some text styles:

Links

You can enhance the text by inserting inline links where appropriate, as illustrated here.

Blockquote

This blockquote should be distinctly styled to visually differentiate it from the surrounding content.

Superscript and subscript

Additionally, you can use ^superscript and _subscript to create more advanced content.

Strikethrough

You can also apply strikethrough formatting, as shown here, to indicate removed or outdated content.

Inline code

Inline code, such as MY_INLINE_CODE or console.log('Hello world') can be used to distinguish code elements from regular prose.

Alignment

Here you can find how to use alignment:

Left

Left-aligned text is the default formatting in most contexts and provides a clean, consistent edge on the left side while allowing the right edge to remain uneven.

Center

Center alignment positions the text evenly between the left and right margins, making it suitable for titles, headings, and short standalone elements.

Right

Right-aligned text is typically used for stylistic purposes or to align content with right-hand elements, such as dates or author names in citations.

Justify

Justified text is aligned evenly along both the left and right margins, resulting in a clean, structured block of text. This type of alignment is commonly used in books, newspapers, and formal documents to create a uniform visual flow. While it enhances the overall neatness of a page, it may introduce variable spacing between words to achieve full justification. Therefore, it is particularly effective for longer paragraphs where consistent alignment improves readability and aesthetic balance across columns or sections.

Tables

Here is a default table: