Sha256: b99003f9877ec32db56de3b88223552f5223e5e403a577f4622a77e4e425b044

Contents?: true

Size: 879 Bytes

Versions: 168

Compression:

Stored size: 879 Bytes

Contents

import React from "react";

import Icon from "../../pb_icon/_icon";
import Flex from "../../pb_flex/_flex";
import Tooltip from "../../pb_tooltip/_tooltip";


type EditorButtonProps = {
  classname?: string,
  onclick?: () => {} | void,
  icon?: string;
  text?: string;
  disable?: boolean
};

const EditorButton = ({
  classname,
  disable,
  onclick,
  icon,
  text,
}: EditorButtonProps) => {
  return (
    <Tooltip 
      delay={{
        open: 2000
      }}
      interaction 
      placement="top" 
      text={text}
    >
      <button
        className={classname}
        onClick={onclick}
        disabled={disable}
      >
        <Flex 
          align="center"
          className="toolbar_button_icon"
          justify="center"
        >
          <Icon icon={icon} size="lg" />
        </Flex>
      </button>
    </Tooltip>
  );
};

export default EditorButton

Version data entries

168 entries across 168 versions & 1 rubygems

Version Path
playbook_ui-13.6.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.5.0.pre.alpha.PLAY823globalpropoverflow1191 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.5.0.pre.alpha.PLAY823globalpropoverflow1188 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.5.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.4.0.pre.alpha.PLAY973Hash1181 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.4.0.pre.alpha.play961turnoffdeprecationwarnings1171 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.4.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.3.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.2.0.pre.alpha.PLAY986dateTimeRounding1150 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.2.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.1.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.0.0.pre.alpha.PLAY966collapsiblenav41129 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.0.0.pre.alpha.PLAY966collapsiblenav41128 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.0.0.pre.alpha.PLAY966collapsiblenav41126 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.0.0.pre.alpha.salesbookmismatchingdate1120 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-12.39.0.pre.alpha.salesbookmismatchingdate1117 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-13.0.0 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-12.39.0.pre.alpha.PLAY966collapsiblenav41115 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx
playbook_ui-12.39.0.pre.alpha.salesbookmismatchingdate1114 app/pb_kits/playbook/pb_rich_text_editor/TipTap/EditorButton.tsx