Is there a way to assign a tag to a button widget, or to differentiate certain buttons from each other? I’m wanting to style different kinds of widget buttons so i can colour-code them for more accessibility + customization

I figured out a way to do it :grin: After looking at Library/Std/Widgets, I’ve managed to make a space-lua function for this, heavily based on the widgets.commandButton funtion: function widgets.colorButton(commandName, cssClass, text) cssClass = cssClass or "custom-default" if not text then …

I would also like to see some data tags wherever possible and where it make sense. :slight_smile:

Probably also worth mentioning: this page mentions the ability to add attributes to items, rather than just frontmatter for an entire page. Not sure if this can really be utilized with space-style, but it’s good to know for querying particular items :slight_smile:

I don’t think so. I don’t see any data tag on the attributes in the page HTML code meaning there is no sane way to match them using the CSS selectors because they have just the sb-frontmatter sb-meta or sb-frontmatter sb-atom class attached. I would suggest to add data-tag-key='attribute' and data-…

Data attributes for tags has been briefly discussed before, but I don’t think anything has come of it yet. Just for reference: Tag Styling - #2 by zef

Whoops, I completely misread the thread so far and the data-attributes for tags exist, just not the values. Apologies for the noise! :smiley: Wonder how hard it would be to extend the parser to also add the attribute for values. :thinking:

The general idea is to put data tags in both #hashtags and [attr: ibute]s objects and divide the styling into parts so that the look of both the objects can be changed in any way user wants. That would be for: "[", <key>, ":", <spaces>, <content> and "]" for the attributes, "#", <name> or #<, <nam…

SilverBullet Community

Tag buttons for multiple styles?

General

mjf (Matouš Jan Fialka) June 20, 2025, 5:46am 7

And here as well.