How to get a "tag box"?

Anvil Q&A
4

Hi, I’ve previously built something similar with plain old Anvil Links. Just add a “times” icon to the links and give them a role (CSS class) with a background-color and a border with a little border-radius.

This is an example from a (live) literature periodical I’ve written:

link-badges
link-badges1807×368 14.6 KB

The role could be written something like this (you might also want to add some additional styling to the link text and the icon - and of course add :hover-styling - either in the role or in CSS for a tags):

/* badge (Link) */

.anvil-role-badge {
  color: DarkBlue;
  background-color: LightSkyBlue;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
}
1 Like