Markdown

Отображает содержимое в формате Markdown

Используется для упрощения процесса описания компонентов и вики-страниц Платформы.
Получает на вход строку c WiKi/GitHub Markdown-разметкой и динамически отрисовывает содержимое.

<Markdown Value="# Hello, *world*!" />

Свойства

Имя	Описание	Тип	Значение по умолчанию
Badge	Количественная информация в компонентах Menu, Accordion, Link, Text. В качестве значения может использоваться объект с полями: counter (число), position ("post" или "pre"), color (цвет)	any
CSS	Массив строк-классов CSS-стилей компонента	array
CombineConfig	Конфигурация всех событий компонента. Служебное свойство для генерации фрагментов кода в визуальном режиме редактора форм. Не рекомендуется указывать значение вручную	object
Hidden	Признак состояния компонента Скрыт	boolean	False
Hint	Всплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текста	any
Id	Идентификатор компонента для навигации к нему на HTML-странице	string
OnClick	Обработчик события нажатия кнопки мыши	undefined
OnKeyDown	Обработчик события KeyDown	undefined
OnKeyUp	Обработчик события KeyUp	undefined
OnMouseDown	Обработчик события MouseDown	undefined
OnMouseEnter	Обработчик события MouseEnter	undefined
OnMouseLeave	Обработчик события MouseLeave	undefined
OnMouseMove	Обработчик события MouseMove	undefined
OnMouseOut	Обработчик события MouseOut	undefined
OnMouseOver	Обработчик события MouseOver	undefined
OnMouseUp	Обработчик события MouseUp	undefined
OnUnmount	Обработчик события Unmount	undefined
Slot	Метка для динамического добавления другого компонента по его идентификатору	string
Tooltip	Всплывающая подсказка над компонентом, чаще используемая для пояснения назначения значка	any
TraceId	Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности: создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента	string
Value	WiKi Markdown	string
Visible	Признак инверсии состояния компонента Скрыт	boolean	True

Примеры

Данные:

  "markdown": `
![image](static/icons/Logo_Default.svg)  
[Link](http://ya.ru "Яша")  
[Link](/ "В начало")    
# Шпаргалка по markdown
## Начертание
Курсив обозначается одинарными *звездочками* или _подчеркиваниями_.
Полужирный текст обозначаается двойными **звездочками** или __подчеркиваниями__.
Можно комбинировать **звездочки и _подчеркивания_**.
Две тильды перечеркивают текст. ~~Перечеркнутый текст~~
## Списки
1. Первый элемент в нумерованном списке
2. Следующий элемент
  * Элемент ненумерованного списка. 
1. Номер элемента определяется автоматически, главное вставить какую-то цифру
  1. Нумерованный подсписок
4. Еще один элемент  
   Пример текста, который должен быть выровнен по элементу №4 
* Ненумерованный список может использовать звездочки
- Или минусы
+ Или плюсы`
}

JSX:

<Group Mode='ColumnWithScroll' Height="80vh">
  <Markdown Value-var="markdown" />
</Group>

Свойства​

Примеры​

Свойства

Примеры