{"id":1635,"date":"2026-07-28T22:33:57","date_gmt":"2026-07-28T22:33:57","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/labels-badges\/"},"modified":"2026-07-30T15:23:22","modified_gmt":"2026-07-30T15:23:22","slug":"labels-badges","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/labels-badges\/","title":{"rendered":"Labels &#038; Badges"},"content":{"rendered":"\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group row gx-5 col-mb-80 is-layout-flow wp-block-group-is-layout-flow\">\n\n<main class=\"wp-block-group postcontent col-lg-9 is-layout-flow wp-block-group-is-layout-flow\">\n<h1>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h1>\n\n<h2>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h2>\n\n<h3>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h3>\n\n<h4>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h4>\n\n<h5>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h5>\n\n<h6>Example heading <span class=\"badge bg-secondary\">New<\/span><\/h6>\n\n<div class=\"line\"><\/div>\n\n<h4>Variations<\/h4>\n\n<span class=\"badge bg-primary\">Primary<\/span>\n\n<span class=\"badge bg-secondary\">Secondary<\/span>\n\n<span class=\"badge bg-success\">Success<\/span>\n\n<span class=\"badge bg-info\">Info<\/span>\n\n<span class=\"badge bg-warning\">Warning<\/span>\n\n<span class=\"badge bg-danger\">Danger<\/span>\n\n<span class=\"badge bg-light text-dark\">Light<\/span>\n\n<span class=\"badge bg-dark\">Dark<\/span>\n\n<div class=\"line\"><\/div>\n\n<h4>Pill Style<\/h4>\n\n<span class=\"badge rounded-pill bg-primary\">Primary<\/span>\n\n<span class=\"badge rounded-pill bg-secondary\">Secondary<\/span>\n\n<span class=\"badge rounded-pill bg-success\">Success<\/span>\n\n<span class=\"badge rounded-pill bg-info\">Info<\/span>\n\n<span class=\"badge rounded-pill bg-warning\">Warning<\/span>\n\n<span class=\"badge rounded-pill bg-danger\">Danger<\/span>\n\n<span class=\"badge rounded-pill bg-light\">Light<\/span>\n\n<span class=\"badge rounded-pill bg-dark\">Dark<\/span>\n\n<div class=\"divider\"><i class=\"bi-circle-fill\"><\/i><\/div>\n\n<h3>Badges<\/h3>\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><p class=\"mb-0 wp-block-paragraph\" style=\"line-height:inherit\"><a href=\"#\">Inbox <span class=\"badge bg-secondary\">42<\/span><\/a><\/p><\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Active Nav Badges<\/h4>\n\n\n<ul class=\"wp-block-list nav nav-pills\">\n<li class=\"nav-item\"><a class=\"nav-link active\" href=\"#\">Home <span class=\"badge bg-light text-dark\">42<\/span><\/a><\/li>\n\n\n\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Profile<\/a><\/li>\n\n\n\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Messages <span class=\"badge bg-secondary\">3<\/span><\/a><\/li>\n<\/ul>\n\n\n<br>\n<ul style=\"max-width: 260px\" class=\"nav nav-pills flex-column wp-block-canvas-core-nav\"><li class=\"nav-item\"><a class=\"nav-link active\" href=\"#\"><span class=\"badge bg-light text-dark float-end\" style=\"margin-top: 3px\">42<\/span>\nHome<\/a><\/li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Profile<\/a><\/li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#\"><span class=\"badge bg-secondary float-end\" style=\"margin-top: 3px\">3<\/span>\nMessages<\/a><\/li><\/ul>\n\n<div class=\"line\"><\/div>\n\n<h4>Badges inside Buttons<\/h4>\n\n<button class=\"btn btn-primary\" type=\"button\">Messages <span class=\"badge bg-light text-dark\">4<\/span><\/button>\n<\/main>\n\n\n\n<aside class=\"wp-block-group sidebar col-lg-3 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group sidebar-widgets-wrap is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"widget widget_links wp-block-canvas-core-widget-links\"><h4>Shortcodes<\/h4><ul><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/animations\/\">Animations<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/buttons\/\">Buttons<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/carousel\/\">Carousel<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/clients\/\">Clients<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/columns-grids\/\">Columns<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/counters\/\">Counters<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/dividers\/\">Dividers<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/featured-boxes\/\">Icon Boxes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/gallery\/\">Galleries<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/headings-dropcaps\/\">Heading Styles<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/icon-lists\/\">Icon Lists<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/labels-badges\/\">Labels<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/lightbox\/\">Lightbox<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/lists-cards\/\">Lists &amp; Cards<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/maps\/\">Maps<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/media-embeds\/\">Media Embeds<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-popovers\/\">Modal Boxes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/navigation\/\">Navigations<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/pagination-progress\/\">Pagination<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/pie-skills\/\">Pies &amp; Skills<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/pricing\/\">Pricing Boxes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/process-steps\/\">Process Steps<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/promo-boxes\/\">Promo Boxes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/quotes-blockquotes\/\">Blockquotes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/responsive\/\">Responsive<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/sections\/\">Sections<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/social-icons\/\">Social Icons<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/style-boxes\/\">Alert Boxes<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/styled-icons\/\">Styled Icons<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/tables\/\">Tables<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/tabs\/\">Tabs<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/testimonials-twitter\/\">Testimonials<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/thumbnails-slider\/\">Thumbnails<\/a><\/li><li><a href=\"https:\/\/demos.canvaswp.com\/classic\/toggles-accordions\/\">Toggles<\/a><\/li><\/ul><\/div>\n\n\n<div class=\"wp-block-group widget is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Instagram Photos<\/h4>\n\n\n<div class=\"wp-block-group masonry-thumbs grid-container row row-cols-4 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1727\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-36.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-36.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-36-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1728\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-33.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-33.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-33-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1729\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-27.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-27.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-27-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1730\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-20.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-20.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-20-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1731\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-19.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-19.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-19-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1732\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-17.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-17.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-17-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1733\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-15.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-15.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-15-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n\n\n<div class=\"wp-block-group grid-item is-layout-flow wp-block-group-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"300\" class=\"wp-image-1734\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-13.jpg\" alt=\"Canvas gallery thumbnail\" srcset=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-13.jpg 400w, https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/8-13-300x225.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group widget widget-blog-feed is-layout-flow wp-block-group-is-layout-flow\">\n<h4>From the Blog<\/h4>\n\n<ul class=\"iconlist\"><li><i class=\"bi-file-earmark-text\"><\/i><a href=\"https:\/\/demos.canvaswp.com\/classic\/elements\/\">Building a page with Canvas blocks<\/a><\/li><li><i class=\"bi-file-earmark-text\"><\/i><a href=\"https:\/\/demos.canvaswp.com\/classic\/demos\/\">Every element, one searchable index<\/a><\/li><\/ul>\n\n\n<div class=\"wp-block-group d-flex justify-content-end is-layout-flow wp-block-group-is-layout-flow\"><a class=\"btn btn-secondary btn-sm\" href=\"https:\/\/demos.canvaswp.com\/classic\/elements\/\">Browse all Elements<\/a><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/aside>\n\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Inbox 42<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-canvas","meta":{"footnotes":""},"class_list":["post-1635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/comments?post=1635"}],"version-history":[{"count":6,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1635\/revisions"}],"predecessor-version":[{"id":2055,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1635\/revisions\/2055"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}