v2.9.0

Headers and text

Easy-to-read text with carefully designed headings, formatted content, and clear links.
Nuxt UI

Headings

Use headings to organize your content and make it easier to read.

Headings can be wrapped in an anchor link when they have an id, with a hash icon shown on hover for H2, H3 and H4 so readers can link directly to a section.

Anchor links are off by default. Use the Theme component with the anchor prop to toggle them for a section of your app:

<template>
  <B24Theme :props="{ prose: { h2: { anchor: true }, h3: { anchor: true }, h4: { anchor: true } } }">
    <!-- your rendered markdown -->
  </B24Theme>
</template>
When using @nuxt/content, anchor links are enabled for H2, H3 and H4 by default. You can control their generation (for example, to disable them for AI chat interfaces) as well as the toc generation in your nuxt.config.ts:
nuxt.config.ts
export default defineNuxtConfig({
  content: {
    renderer: {
      anchorLinks: false
    },
    build: {
      markdown: {
        toc: {
          depth: 3
        }
      }
    }
  }
})

Heading 1

Bitrix24 UI

# Bitrix24 UI

Heading 2

What's new?

## What's new?

Heading 3

Enhanced components

### Enhanced components

Heading 4

Getting started

#### Getting started

Heading 5

Comprehensive Tools for Customer Relationship Management
##### Comprehensive Tools for Customer Relationship Management

Heading 6

In-Depth Reporting and Sales Campaign Analysis
###### In-Depth Reporting and Sales Campaign Analysis

Text formatting

Structure your content with clear paragraphs and consistent text formatting for better readability.

Paragraph

Bitrix24 UI provides a comprehensive collection of Vue components, composables and utilities for building modern, accessible applications with consistent design and enhanced user experience.

Bitrix24 UI provides a comprehensive collection of Vue components, composables and utilities for building modern, accessible applications with consistent design and enhanced user experience.

Strong

Strong text

**Strong text**

Emphasis

Emphasized text

*Emphasized text*

Links

To create a link, wrap the link text in brackets followed by the URL in parentheses. Works for both external and internal links.

Bitrix24 documentation

[Bitrix24 documentation](https://bitrix24.com)

Blockquotes

Use blockquotes to highlight important information or quotes.

Bitrix24 UI automatically adapts to your theme settings, ensuring consistent typography across your entire application.

> Bitrix24 UI automatically adapts to your theme settings, ensuring consistent typography across your entire application.

Horizontal rules

Use horizontal rules to visually separate content sections.

---

Introduction

Ready-to-use typography styles and utilities for a professional look.

Lists and tables

Structure data effectively using designed lists and adaptive tables for better readability.