SharePoint

Column formatting

Column Formatter in SharePoint Online. You can use column formatting to customize how fields in SharePoint lists and libraries are displayed. To do this, you construct a JSON object that describes the elements that are displayed when a field is included in a list view, and the styles to be applied to those elements.

Examples:

PnP GitHub Samples:

color-based-smiley-face
comment-count
currency-symbol-concatenation
custom-hover-cards
date-check-blank-format
date-difference
date-page-a-day-calendar
date-range-format
default-hover-cards
file-thumbnail
generic-approval-status-hover-card
generic-centered-content
generic-column-chart
generic-comment-count
generic-file-preview
generic-hyperlink-thumbnail
generic-hyperlink-values
generic-icon-overlay
generic-issuestatus-pill
generic-launch-powerapp
generic-mailto-button
generic-project-management
generic-right-align
generic-rowactions
generic-rowIndex-drawing
generic-scheduling-link
generic-socialpic
generic-start-flow
generic-start-flow-conditionally
generic-staticmap
generic-substring-status
generic-svgicon-format
generic-time-schedule
generic-timeline
generic-twitterpic
generic-yearly-gantt-chart
generic-youtube-thumbnail
image-lightbox
location-address
location-weather
managed-metadata-tag-icon
multi-choice-foreach
multi-choice-icons
multi-choice-workcategory-pill
multi-lookup-projected-field
multi-person-currentuser
multi-person-facepile
multi-person-teams-chat-link
screenshot.jpgnumber-abs-tolerance-comparison
number-battery
number-conditional-format
number-data-bar
number-doughnut-chart
number-gauge
number-icon-progressbar
number-quiz-smiley-face
number-trending-icon
example-after.jpgnumber-using-modulo-publish
person-currentuser
person-mailto
person-roundimage-format
picture-roundimage-format
text-bing-map
text-conditional-format
text-contains
text-isbn-image
text-local-image
text-local-link
text-ryg-status-indicator
text-startswith-callingcodes
text-strikethrough
text-wrap-format
yesno-checkbox
yesno-checkmark
yesno-toggle-format

Source: YouTube