<turbo-stream action="replace" data-th-each="observee : *{observees}" data-th-target="|observee${observee.id}|"> <template> <li data-th-class="|my-1 py-3 d-flex list-group-item list-group-item-*{alert}|" data-th-id="|observee*{id}|" data-th-object="${observee}"> <div data-th-replace="~{fragments/observee-status-li :: observee-status-li}"></div> </li> </template> </turbo-stream>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter