tauri-plugin-widgets 0.4.3

Tauri plugin for App Widgets on Android, iOS, and macOS (WidgetKit); Windows Widgets Board (Adaptive Cards) + desktop webview; Linux desktop webview with X11 DESKTOP pin.
Documentation
---
title: Elements
---

# Elements

Visual index of the widget IR. Grouped pages explain siblings side by side (e.g. progress vs gauge on [Data](/elements/data)).

<div class="doc-illust">

![Widget IR elements across platforms](/illustrations/concepts.jpg)

</div>

<!-- generated:elements-index — do not edit; run `pnpm docs:generate` -->

Generated from the JSON schema. Prefer the thematic pages for choosing between siblings.

| Element | Tier | Preview |
| --- | --- | --- |
| [`button`]/elements/interactive#el-button | core | ![button]/shots/desktop/calculator.small.png |
| [`canvas`]/elements/media#el-canvas | extended | ![canvas]/shots/desktop/canvas-draws.small.png |
| [`chart`]/elements/data#el-chart | extended | ![chart]/shots/desktop/chart-mix.medium.png |
| [`container`]/elements/layout#el-container | core | ![container]/shots/desktop/container-card.small.png |
| [`date`]/elements/text#el-date | extended | ![date]/shots/desktop/date-timer.medium.png |
| [`divider`]/elements/spacing#el-divider | core | ![divider]/shots/desktop/calculator.small.png |
| [`gauge`]/elements/data#el-gauge | extended | ![gauge]/shots/desktop/fitness.medium.png |
| [`grid`]/elements/layout#el-grid | core | ![grid]/shots/desktop/calculator.small.png |
| [`hstack`]/elements/layout#el-hstack | core | ![hstack]/shots/desktop/calculator.small.png |
| [`image`]/elements/media#el-image | core | ![image]/shots/desktop/image-sources.medium.png |
| [`label`]/elements/text#el-label | extended | ![label]/shots/desktop/upcoming-payments-empty.large.png |
| [`link`]/elements/interactive#el-link | core | ![link]/shots/desktop/link-chip.small.png |
| [`list`]/elements/data#el-list | extended | ![list]/shots/desktop/android-list.large.png |
| [`progress`]/elements/data#el-progress | core | ![progress]/shots/desktop/fitness.medium.png |
| [`shape`]/elements/media#el-shape | core | ![shape]/shots/desktop/container-card.small.png |
| [`spacer`]/elements/spacing#el-spacer | core | ![spacer]/shots/desktop/calculator.small.png |
| [`text`]/elements/text#el-text | core | ![text]/shots/desktop/calculator.small.png |
| [`timer`]/elements/text#el-timer | extended | ![timer]/shots/desktop/date-timer.medium.png |
| [`toggle`]/elements/interactive#el-toggle | extended | ![toggle]/shots/desktop/toggle-row.small.png |
| [`vstack`]/elements/layout#el-vstack | core | ![vstack]/shots/desktop/calculator.small.png |
| [`zstack`]/elements/layout#el-zstack | core | ![zstack]/shots/desktop/nested-dashboard.large.png |

<!-- /generated:elements-index -->