TiddlyWiki's display is driven by an underlying collection of widgets. These are organised into a tree structure: each widget has a parent widget and zero or more child widgets.
TiddlyWiki generates this widget tree by parsing the WikiText of tiddlers. Each component of the WikiText syntax, including even the trivial case of ordinary text, generates a corresponding widget. The widget tree is an intermediate representation that is subsequently rendered into the actual display.
Widgets are analogous to elements in an HTML document. Indeed, HTML tags in WikiText generate dedicated element widgets.
Each class of widget contributes a specific ability to the overall functionality, such as the ability to display an image or a button, to call a macro or transclude text from elsewhere, or to mark a piece of text as a heading.
The more specialised widgets use a general-purpose widget syntax as their only possible WikiText representation.
The following classes of widget are built into the core:
- action-confirm
- action-createtiddler
- action-deletefield
- action-deletetiddler
- action-listops
- action-log
- action-navigate
- action-popup
- action-sendmessage
- action-setfield
- action-setmultiplefields
- ActionWidget Execution Modes
- ActionWidgets
- browse
- button
- checkbox
- codeblock
- count
- data
- diff-text
- draggable
- droppable
- dropzone
- edit-bitmap
- edit-text
- edit
- encrypt
- entity
- error
- EventCatcherWidget
- fieldmangler
- fields
- fill
- genesis
- image
- importvariables
- jsontiddler
- keyboard
- let
- linkcatcher
- link
- list
- LogWidget
- macrocall
- MessageCatcherWidget
- MessageHandlerWidgets
- navigator
- parameters
- password
- vars
- radio
- range
- reveal
- scrollable
- select
- setmultiplevariables
- setvariable
- set
- slot
- testcase
- text
- tiddler
- transclude
- TriggeringWidgets
- vars
- view
- wikify