Markdown editor

A textarea with live preview.

import { BuiMarkdownEditor } from 'ng-blatui';

<bui-markdown-editor [(value)]="md" />

Prefilled

<!-- seed the model with initial markdown -->
<bui-markdown-editor [(value)]="md" />
// md = signal('## Release notes\n- New calendar inputs')

Prop	Type	Default	Description
`name`	`string`	`''`	Name attribute applied to the textarea for form submission.
`placeholder`	`string`	`'Write markdown…'`	Placeholder text shown while the textarea is empty.
`rows`	`number`	`8`	Number of visible rows in the write textarea.
`writeLabel`	`string`	—	Text of the write tab. Falls back to `provideBuiLabels`.
`previewLabel`	`string`	—	Text of the preview tab. Falls back to `provideBuiLabels`.
`formattingLabel`	`string`	—	Accessible label override for the formatting toolbar.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`''`	Markdown source text. Two-way bindable with `[(value)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.