Link Search Menu Expand Document

Tags

Besides hierarchies, Dendron also supports tags. We recommend that you use the following syntax for tags:

[[tag.foo]]

You get a few advantages for structuring tags in this format.

  1. Your tags are just regular hierarchical notes - to find all notes with a particular tag, use the backlink panel
  2. All the operations on notes and hierarchies apply to tags (eg. Rename, Refactor, etc) and will update both the note and all links
  3. You can deeply nest tags by adding additional levels to your hierarchies
  4. You can use autocomplete to create tags

Pretty Tags

You can format your tags to look like regular tags wiki-link aliases

[[#foo|tag.foo]] --> will render as #foo

You can further customize the look of tags in the preview by using the following CSS modification.

Stylized Tags Using Custom CSS

To customize the look and feel of your tags, you can do so by using the following convention and CSS edits.

Let’s say you have a books hierarchy and you have a books.high-growth-handbook note. You have all the tags you use for books under a books.tags. namespace.

If you use links for tags: [[#business|books.tags.business]], you can use this CSS to customize their look:

/* General tag styling */
a[href*=".tags."] {
    color: #000;
    background: #fff;
    display: inline-block;
    padding: 0 10px;
    border-radius: 4px;
}
/* Customizing the look of specific tags */
a[href*=".tags.business"] {
    color: #fff;
    background: rgb(36, 89, 233);
}

The result looks like this: