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.
- Your tags are just regular hierarchical notes - to find all notes with a particular tag, use the backlink panel
- All the operations on notes and hierarchies apply to tags (eg. Rename, Refactor, etc) and will update both the note and all links
- You can deeply nest tags by adding additional levels to your hierarchies
- 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.
From dendron.guides.tips
Go to text →
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:
