TALLY

The Tally extension introduces a tally button component to use directly in your Roam database!

Installation

You could use the Copy Extension button below to individually install this extension. To install, just paste anywhere in your Roam graph and click "Yes, I Know What I'm Doing".

Manual Installation

If the extension doesn't work after using the copy extension button above, try installing manually using the instructions below.

First create a block with the text {{[[roam/js]]}} on any page in your Roam DB. Then, create a single child of this block type three back ticks. A code block should appear. Copy this code and paste it into the child code block in your graph:

var existing = document.getElementById("roamjs-tally");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = "https://roamjs.com/tally.js";
  extension.id = "roamjs-tally";
  extension.async = true;
  extension.type = "text/javascript";
  document.getElementsByTagName("head")[0].appendChild(extension);
}

Finally, click "Yes, I Know What I'm Doing".

Usage

The script is not configurable

Type {{tally}} into a block. The component that is rendered will be a tally counter that supports incrementing and decrementing!

To save a value, or set an initial starting value for the counter, create a child block with the specified value.

Playground

Demo

Contributors

This extension is brought to you by RoamJS! If you are facing any issues reach out to support@roamjs.com or click on the chat button on the bottom right. If you get value from using this extension, consider sponsoring RoamJS by clicking on the button below!

Other Extensions