Bases: Support CSS Customizations for Properties

Use case or problem

I want to be able to assign a CSS class to a property, similar to how you can use cssclasses in notes. My use case for this is to be able to customize how certain properties are rendered. For example, I have a course tracker in Bases with a status property, which consists of:

  • Not Started
  • In Progress
  • Completed
  • Dropped

I want to be able to render these as pills, with different colors for each status.

Proposed solution

I think adding an input field to the “Edit property…” menu where you can add the CSS class, which is then appended to the cell element would suffice. Along with that, the actual text content of the cell would have to be added either as alt text or some other data-* attribute on the cell element so that we could select elements in CSS based on the text content, which would make the example use case above possible.

Current workaround (optional)

None that I know of.

7 Likes