@freedomcore/window-controls

Window control components for Tauri v2 applications: traffic light buttons, drag regions, and monitor switching.

Installation

npm install @freedomcore/window-controls

Peer dependency: @tauri-apps/api@^2.0.0

Components

Window Control Buttons

<window-control-fc type="close"></window-control-fc>
<window-control-fc type="minimize"></window-control-fc>
<window-control-fc type="maximize"></window-control-fc>

Draggable Title Bar

<window-drag-fc>
  <h1>My App</h1>
</window-drag-fc>

Monitor Switcher

<monitor-switcher-fc></monitor-switcher-fc>

Full Example

<link rel="stylesheet" href="node_modules/@freedomcore/window-controls/window-controls.css">

<header>
  <window-control-fc type="close"></window-control-fc>
  <window-control-fc type="minimize"></window-control-fc>
  <window-control-fc type="maximize"></window-control-fc>
  
  <window-drag-fc>
    <h1>My Tauri App</h1>
  </window-drag-fc>
  
  <monitor-switcher-fc></monitor-switcher-fc>
</header>

<script type="module">
  import '@freedomcore/window-controls';
</script>

Exports

import { WindowControl } from '@freedomcore/window-controls/window-control';
import { WindowDrag } from '@freedomcore/window-controls/window-drag';
import { MonitorSwitcher } from '@freedomcore/window-controls/monitor-switcher';

License

MIT © FreedomCore