@primer/react
Version:
An implementation of GitHub's Primer Design System using React
45 lines (42 loc) • 1.79 kB
JavaScript
import MarkdownEditor$1 from './MarkdownEditor.js';
import { Toolbar, DefaultToolbarButtons } from './Toolbar.js';
import { Actions, ActionButton } from './Actions.js';
import { Footer, FooterButton } from './Footer.js';
import { Label } from './Label.js';
import { ToolbarButton } from './_ToolbarButton.js';
/** @deprecated Will be removed in v37 (https://github.com/primer/react/issues/3604) */
const MarkdownEditor = Object.assign(MarkdownEditor$1, {
/** REQUIRED: An accessible label for the editor. */
Label,
/**
* An optional custom toolbar. The toolbar should contain `ToolbarButton`s before
* and/or after a `DefaultToolbarButtons` instance. To create groups of buttons, wrap
* them in an unstyled `Box`.
*/
Toolbar,
/**
* A custom toolbar button. This takes `IconButton` props. Every toolbar button should
* have an `aria-label` defined.
*/
ToolbarButton,
/**
* The full set of default toolbar buttons. This is all the basic formatting tools in a
* standardized order.
*/
DefaultToolbarButtons,
/** An optional custom footer to show below the editor. */
Footer,
/** A button to show in the editor footer before the `DefaultFooterButtons`, i.e.
* the "Markdown is supported" button and file upload button in a standardized order. */
FooterButton,
/**
* Optionally define a set of custom buttons to show in the footer. Often if you
* are defining custom buttons you should also wrap the editor in a `<form>`. This
* component should only contain `ActionButton`s.
*/
Actions,
/** A button to show in the editor footer after the `DefaultFooterButtons`, i.e.
* the "Markdown is supported" button and file upload button in a standardized order. */
ActionButton
});
export { MarkdownEditor as default };