name

SureSmile blocks and variants - catalog reference

description

Authoring reference, not a new block implementation. Inventories all 33 block folders committed on GitHub main at 4100cb4, including separately named block-family variants and 9 evidenced class modifiers. Configuration-backed, shell and utility blocks are identified separately. Use the linked examples when copying blocks.

SureSmile block catalog

This catalog covers 33 committed block implementations: 20 content-authorable blocks, 9 configuration-backed blocks, 1 locator companion, 2 site-shell blocks and 1 modal utility. It excludes uncommitted work. Source snapshot: GitHub main commit 4100cb4. Availability in source does not mean external services are configured or every imported design is brand-ready.

Copyable examples

Banner: four supported size variants - library-metadata sections for leader-board, medium-rectangle, large-rectangle and ribbon.
Table: default and three supported modifiers - default, no-header, striped and bordered.
Existing SureSmile Accordion example - retained authoring reference.
Existing SureSmile Hero example - retained authoring reference; text-only content is not a separate class modifier.

Open the DA block library sheet to find this catalog and the new copyable examples. Existing library entries and legacy examples are preserved.

Block families and separately named variants

These use distinct block table names, not extra classes on the base block: Cards includes cards, cards-beforeafter, cards-callouts, cards-category, cards-feature and cards-promo; Hero includes hero, hero-banner and hero-split; Columns includes columns and columns-media; Accordion includes accordion and accordion-stepper. Each implementation appears once in the 33-block inventory below.

Complete committed inventory

Block-name links open the immutable implementation folder, including its JS/CSS and metadata or README where present. For ordinary blocks, author a block table using the implementation name and the described row/cell structure. A dash in the modifier column means no additional authored modifier was evidenced; it is not a promise that arbitrary class names work.

Block implementation / source

Role and authoring structure

Evidenced class modifiers

accordion-stepper

Content: stepped accordion. One row per step; label with optional thumbnail, eyebrow and title | body. First step opens by default.

accordion

Content: expandable questions/details. One row per item; label | body.

banner

Content: promotional image and rich-text body; image optional. Choose an evidenced size modifier. An optional mbox value is configuration, not a display variant.

leader-board, medium-rectangle, large-rectangle, ribbon

cards-beforeafter

Content: before/after case-card track. Repeating rows: before image | after image | approved case text. Use only approved assets and factual case content.

cards-callouts

Content: compact callout strip. Repeating items with icon and short label.

cards-category

Content: category/navigation tiles. Repeating items with thumbnail and linked label.

cards-feature

Content: feature highlights. Repeating items with icon, title and description; imported dark-background styling should be reviewed before reuse.

cards-promo

Content: promotional cards. Repeating items with feature image, title, body and CTA.

cards

Content: general card grid. One row per card with optional image cell and rich-text body cell.

carousel

Content: slide carousel. One row per slide; image | content. Controls are generated when more than one slide is present.

columns-media

Content: media beside text. One row with two cells: image | heading, paragraph and optional link. Stacks on mobile.

columns

Content: columns determined by the number of authored cells. Two/three-column generated classes are layout output, not named modifiers.

commerce-products

Configuration-backed: product results. Search term in the first row; optional product count in the second. Uses the committed Venia demo GraphQL endpoint, not a configured SureSmile catalog.

embed

Content: embedded content from an authored URL, optionally with a preview image. Requires an available remote resource; provider/state classes are generated.

footer

Site shell: loaded by the page bootstrap from footer content. Not an ordinary body-content library block.

form

Configuration-backed: generated form. Requires a same-origin JSON field-definition link and an appropriate submission destination. Do not copy real submission settings into a sample.

fragment

Configuration-backed: reuse referenced content. Author a link to an existing published fragment; requires accessible fragment content.

header

Site shell: navigation and drawer loaded by the page bootstrap. Not an ordinary body-content library block.

hero-banner

Content: background-image hero with title, subheading and CTA. Separately named Hero-family implementation; imported styling should be reviewed for brand fit.

hero-split

Content: title, intro and CTA beside media. Author an image row and rich-text row, or image | text cells. Missing-media state is generated, not a modifier.

hero

Content: introductory hero with heading, body and optional image. Text-only content is a content-driven alternative, not an additional authored class.

marketo

Configuration-backed: Marketo form embed. Requires a valid configured Marketo form URL and real form identifiers; cataloging does not activate a form.

modal

Utility: exports modal creation/opening helpers, with no default block decorator. Do not author a normal Modal body block; use through the supported calling code.

promo-banner

Configuration-backed: date-scheduled promotion. Author a scheduler JSON link; selected entries reference fragments. Requires scheduler data and fragment publication.

quote

Content: quotation in the first row, optional attribution in the second. Use approved quotations only; this catalog supplies no customer testimonial.

search-locator

Configuration-backed: locator search form. Key/value rows include label, placeholder, radius, action and optional geolocation. Requires a working locator destination.

search-results-map

Locator companion: result list and map on the locator destination. Requires doctor data/API and Maps configuration. Do not treat generated map/list states as authored variants.

Configuration-backed: indexed site search. Optional index link; otherwise uses /query-index.json. Requires a populated accessible index.

minimal

table

Content: tabular rows and cells. Default first row is the column header; no-header makes every row a body row.

no-header, striped, bordered

tabs

Content: tabbed panels. First cell in each row supplies the tab label; remaining cells are the corresponding panel content.

target-offer

Configuration-backed: Target offer with authored fallback. Optional first one-cell row names the mbox, followed by default content. Personalized offers require Target setup and an activity.

target-slot-hero

Configuration-backed: demo persona-driven Target hero slot. Renders only with a supported persona and uses the Target Delivery API. Not an unconditional static Hero replacement.

video

Content: video URL with optional poster. Autoplay enables background/muted playback when visible, respecting the reduced-motion preference. Requires accessible video media.

autoplay

Modifier evidence and authoring boundaries

The 9 additional class modifiers across 4 blocks are evidenced by committed code: Banner's four variants in banner/metadata.json and banner/banner.css; Search minimal in search/search.css; Table no-header in table/table.js and no-header, striped and bordered in table/table.css; Video autoplay in video/video.js. For example, the DA block title Banner (ribbon) corresponds to the banner block with class ribbon. Default behavior is not counted as an extra modifier. Undocumented modifier combinations have not been certified.

Generated column counts, hero-split-no-media, embed provider classes, card scroll states and map states are not authored variants. Some inherited library pages contain historical names/classes such as Cards (separator), Cards (cases), Steps, Columns trio, Treatment ribbon, Doctor locator, Backgrounds and Smaller titles. These entries remain untouched, but are not counted as additional current implementations or supported modifiers solely because a legacy example exists.

This catalog is a committed-source inventory, not an activation/deployment report for third-party integrations. No repository code, analytics settings, visitor-profile behavior, header wiring, Target activity, form action or Maps configuration was changed for this library update.