fit-view.tsx 462 B

1234567891011121314151617
  1. import { usePlaygroundTools } from '@flowgram.ai/free-layout-editor';
  2. import { IconButton, Tooltip } from '@douyinfe/semi-ui';
  3. import { IconExpand } from '@douyinfe/semi-icons';
  4. export const FitView = () => {
  5. const tools = usePlaygroundTools();
  6. return (
  7. <Tooltip content="FitView">
  8. <IconButton
  9. icon={<IconExpand />}
  10. type="tertiary"
  11. theme="borderless"
  12. onClick={() => tools.fitView()}
  13. />
  14. </Tooltip>
  15. );
  16. };