Add global things from old app
This commit is contained in:
32
src/components/ui/indent-toolbar-button.tsx
Normal file
32
src/components/ui/indent-toolbar-button.tsx
Normal file
@ -0,0 +1,32 @@
|
||||
'use client';
|
||||
|
||||
import * as React from 'react';
|
||||
|
||||
import { useIndentButton, useOutdentButton } from '@platejs/indent/react';
|
||||
import { IndentIcon, OutdentIcon } from 'lucide-react';
|
||||
|
||||
import { ToolbarButton } from './toolbar';
|
||||
|
||||
export function IndentToolbarButton(
|
||||
props: React.ComponentProps<typeof ToolbarButton>
|
||||
) {
|
||||
const { props: buttonProps } = useIndentButton();
|
||||
|
||||
return (
|
||||
<ToolbarButton {...props} {...buttonProps} tooltip="Indent">
|
||||
<IndentIcon />
|
||||
</ToolbarButton>
|
||||
);
|
||||
}
|
||||
|
||||
export function OutdentToolbarButton(
|
||||
props: React.ComponentProps<typeof ToolbarButton>
|
||||
) {
|
||||
const { props: buttonProps } = useOutdentButton();
|
||||
|
||||
return (
|
||||
<ToolbarButton {...props} {...buttonProps} tooltip="Outdent">
|
||||
<OutdentIcon />
|
||||
</ToolbarButton>
|
||||
);
|
||||
}
|
Reference in New Issue
Block a user