Add codeblock title (#2859)

alex-page · web-flow · commit 9363754bcd44 · 2025-05-13T15:55:30.000+10:00
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Badge/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Badge/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'badge-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Banner/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Banner/shared.ts
@@ -49,7 +49,7 @@ Banners placed inside a section will have styles applied contextually. They're u
   defaultExample: {
     image: 'banner-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Box/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Box/shared.ts
@@ -38,7 +38,7 @@ const shared = {
   defaultExample: {
     image: 'box-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Button/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Button/shared.ts
@@ -33,7 +33,7 @@ const shared = {
   defaultExample: {
     image: 'button-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Checkbox/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Checkbox/shared.ts
@@ -32,7 +32,7 @@ const shared = {
   defaultExample: {
     image: 'checkbox-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/ChoiceList/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'choicelist-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Clickable/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Clickable/shared.ts
@@ -33,7 +33,7 @@ const shared = {
   defaultExample: {
     image: 'clickable-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/DatePicker/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/DatePicker/shared.ts
@@ -21,7 +21,7 @@ const shared = {
   related: [],
   defaultExample: {
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Divider/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Divider/shared.ts
@@ -33,7 +33,7 @@ const shared = {
   defaultExample: {
     image: 'divider-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/EmailField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/EmailField/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'emailfield-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Grid/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Grid/shared.ts
@@ -38,7 +38,7 @@ const shared = {
   defaultExample: {
     image: 'grid-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Heading/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Heading/shared.ts
@@ -39,7 +39,7 @@ const shared = {
   defaultExample: {
     image: 'heading-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Icon/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Icon/shared.ts
@@ -22,7 +22,7 @@ const shared = {
   defaultExample: {
     image: 'icon-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Image/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Image/shared.ts
@@ -38,7 +38,7 @@ const shared = {
   defaultExample: {
     image: 'image-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Link/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Link/shared.ts
@@ -28,7 +28,7 @@ const shared = {
   defaultExample: {
     image: 'link-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/MoneyField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/MoneyField/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'moneyfield-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/NumberField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/NumberField/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'numberfield-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/OrderedList/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/OrderedList/shared.ts
@@ -20,7 +20,7 @@ const shared = {
   defaultExample: {
     image: 'ordered-list-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Paragraph/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Paragraph/shared.ts
@@ -35,7 +35,7 @@ const shared = {
   defaultExample: {
     image: 'paragraph-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/PasswordField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/PasswordField/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'password-field-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/SearchField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/SearchField/shared.ts
@@ -32,7 +32,7 @@ const shared = {
   ],
   defaultExample: {
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Section/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Section/shared.ts
@@ -46,7 +46,7 @@ Use \`s-section\` to organize your page content. Sections have defined styling,
   defaultExample: {
     image: 'section-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Select/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Select/shared.ts
@@ -27,7 +27,7 @@ const shared = {
   defaultExample: {
     image: 'select-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Spinner/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Spinner/shared.ts
@@ -22,7 +22,7 @@ const shared = {
   defaultExample: {
     image: 'spinner-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Stack/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Stack/shared.ts
@@ -40,7 +40,7 @@ const shared = {
   defaultExample: {
     image: 'stack-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Switch/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Switch/shared.ts
@@ -31,7 +31,7 @@ const shared = {
   ],
   defaultExample: {
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Table/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Table/shared.ts
@@ -33,7 +33,7 @@ const shared = {
   defaultExample: {
     image: 'table-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/Text/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/Text/shared.ts
@@ -35,7 +35,7 @@ const shared = {
   defaultExample: {
     image: 'text-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/TextArea/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/TextArea/shared.ts
@@ -22,7 +22,7 @@ const shared = {
   defaultExample: {
     image: 'textarea-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/TextField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/TextField/shared.ts
@@ -38,7 +38,7 @@ const shared = {
   defaultExample: {
     image: 'text-field-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/URLField/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/URLField/shared.ts
@@ -26,7 +26,7 @@ const shared = {
   defaultExample: {
     image: 'urlfield-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           title: 'HTML',
diff --git a/packages/ui-extensions/src/surfaces/admin/components/UnorderedList/shared.ts b/packages/ui-extensions/src/surfaces/admin/components/UnorderedList/shared.ts
@@ -20,7 +20,7 @@ const shared = {
   defaultExample: {
     image: 'unordered-list-default.png',
     codeblock: {
-      title: '',
+      title: 'Code',
       tabs: [
         {
           code: './examples/default.html',

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ const shared = {`
`27`	`27`	`defaultExample: {`
`28`	`28`	`image: 'badge-default.png',`
`29`	`29`	`codeblock: {`
`30`		`- title: '',`
	`30`	`+ title: 'Code',`
`31`	`31`	`tabs: [`
`32`	`32`	`{`
`33`	`33`	`code: './examples/default.html',`
Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@ Banners placed inside a section will have styles applied contextually. They're u`
`49`	`49`	`defaultExample: {`
`50`	`50`	`image: 'banner-default.png',`
`51`	`51`	`codeblock: {`
`52`		`- title: '',`
	`52`	`+ title: 'Code',`
`53`	`53`	`tabs: [`
`54`	`54`	`{`
`55`	`55`	`code: './examples/default.html',`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ const shared = {`
`38`	`38`	`defaultExample: {`
`39`	`39`	`image: 'box-default.png',`
`40`	`40`	`codeblock: {`
`41`		`- title: '',`
	`41`	`+ title: 'Code',`
`42`	`42`	`tabs: [`
`43`	`43`	`{`
`44`	`44`	`code: './examples/default.html',`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ const shared = {`
`33`	`33`	`defaultExample: {`
`34`	`34`	`image: 'button-default.png',`
`35`	`35`	`codeblock: {`
`36`		`- title: '',`
	`36`	`+ title: 'Code',`
`37`	`37`	`tabs: [`
`38`	`38`	`{`
`39`	`39`	`code: './examples/default.html',`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ const shared = {`
`32`	`32`	`defaultExample: {`
`33`	`33`	`image: 'checkbox-default.png',`
`34`	`34`	`codeblock: {`
`35`		`- title: '',`
	`35`	`+ title: 'Code',`
`36`	`36`	`tabs: [`
`37`	`37`	`{`
`38`	`38`	`code: './examples/default.html',`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const shared = {`
`21`	`21`	`related: [],`
`22`	`22`	`defaultExample: {`
`23`	`23`	`codeblock: {`
`24`		`- title: '',`
	`24`	`+ title: 'Code',`
`25`	`25`	`tabs: [`
`26`	`26`	`{`
`27`	`27`	`code: './examples/default.html',`