mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
// history
|
|
import { RedoButton } from "./redo";
|
|
import { UndoButton } from "./undo";
|
|
// formats
|
|
import { BoldButton } from "./bold";
|
|
import { ItalicButton } from "./italic";
|
|
import { UnderlineButton } from "./underline";
|
|
import { StrikeButton } from "./strike";
|
|
// headings
|
|
import HeadingControls from "./heading-controls";
|
|
// list
|
|
import { OrderedListButton } from "./ordered-list";
|
|
import { UnorderedListButton } from "./unordered-list";
|
|
|
|
export const RichTextToolbar: React.FC = () => (
|
|
<div className="flex items-center gap-y-2 divide-x">
|
|
<div className="flex items-center gap-x-1 px-2">
|
|
<UndoButton />
|
|
<RedoButton />
|
|
</div>
|
|
<div className="px-2">
|
|
<HeadingControls />
|
|
</div>
|
|
<div className="flex items-center gap-x-1 px-2">
|
|
<BoldButton />
|
|
<ItalicButton />
|
|
<UnderlineButton />
|
|
<StrikeButton />
|
|
</div>
|
|
<div className="flex items-center gap-x-1 px-2">
|
|
<OrderedListButton />
|
|
<UnorderedListButton />
|
|
</div>
|
|
{/* <div className="flex items-center gap-x-1 px-2">
|
|
<LinkButton />
|
|
</div> */}
|
|
</div>
|
|
);
|