fix: remirror buttons (#267)
This commit is contained in:
parent
a403c0c346
commit
af22dc9c58
8 changed files with 34 additions and 161 deletions
|
|
@ -1,11 +1,12 @@
|
|||
// 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";
|
||||
// buttons
|
||||
import {
|
||||
ToggleBoldButton,
|
||||
ToggleItalicButton,
|
||||
ToggleUnderlineButton,
|
||||
ToggleStrikeButton,
|
||||
RedoButton,
|
||||
UndoButton,
|
||||
} from "@remirror/react";
|
||||
// headings
|
||||
import HeadingControls from "./heading-controls";
|
||||
// list
|
||||
|
|
@ -15,17 +16,17 @@ 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 />
|
||||
<UndoButton />
|
||||
</div>
|
||||
<div className="px-2">
|
||||
<HeadingControls />
|
||||
</div>
|
||||
<div className="flex items-center gap-x-1 px-2">
|
||||
<BoldButton />
|
||||
<ItalicButton />
|
||||
<UnderlineButton />
|
||||
<StrikeButton />
|
||||
<ToggleBoldButton />
|
||||
<ToggleItalicButton />
|
||||
<ToggleUnderlineButton />
|
||||
<ToggleStrikeButton />
|
||||
</div>
|
||||
<div className="flex items-center gap-x-1 px-2">
|
||||
<OrderedListButton />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue