1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-11 18:50:28 +00:00
TiddlyWiki5/editions/dev/tiddlers/javascript-widget-tutorial/Widget attributes demo I.tid

49 lines
868 B
Plaintext
Raw Normal View History

created: 20190204020507195
modified: 20190204031520013
tags:
title: Widget attributes demo I
type: text/vnd.tiddlywiki
<!-- The innerwiki doesn't refresh on its own when tiddlers on the outside change, so use the list widget to force a dependency -->
<$list name=refresh filter=[[hello-attribute.js]get[text]]>
<$innerwiki width="600" height="400" style="width:100%;">
<$data title="$:/DefaultTiddlers" text="[[hello world widget]]"/>
<$data $tiddler=hello-attribute.js/>
<$data title="hello world widget" text="""
```
<$hello/>
```
Renders as:
<$hello/>
---
```
<$hello message="pale blue dot"/>
```
Renders as:
<$hello message="pale blue dot"/>
---
<$edit-text focus=yes tiddler=test tag=input/>
```
<$hello message={{test!!text}}/>
```
Renders as:
<$hello message={{test!!text}}/>
"""/>
<$data title="test" text="Alice"/>
</$innerwiki>
</$list>