From 9746dc51b5acd9d64c14c02007c9b1605553c3b0 Mon Sep 17 00:00:00 2001
From: rajsite <1588923+rajsite@users.noreply.github.com>
Date: Fri, 5 Dec 2025 18:07:56 -0600
Subject: [PATCH 1/2] Remove prettier inline disables and update docs

---
 .vscode/extensions.json                                    | 1 -
 .vscode/settings.json                                      | 2 +-
 CONTRIBUTING.md                                            | 2 +-
 packages/eslint-config-nimble/components.js                | 4 ++--
 packages/nimble-components/CONTRIBUTING.md                 | 2 --
 .../src/anchor-tree-item/tests/anchor-tree-item.spec.ts    | 1 -
 packages/nimble-components/src/banner/specs/README.md      | 1 -
 packages/nimble-components/src/chip/template.ts            | 1 -
 .../nimble-components/src/combobox/tests/combobox.spec.ts  | 4 ----
 .../src/mapping/icon/tests/mapping-icon.spec.ts            | 1 -
 packages/nimble-components/src/patterns/dropdown/styles.ts | 1 -
 .../users/tests/rich-text-mention-users.spec.ts            | 1 -
 .../editor/tests/rich-text-editor-mention.spec.ts          | 1 -
 .../src/rich-text/editor/tests/rich-text-editor.spec.ts    | 1 -
 .../mention-listbox/tests/mention-listbox.spec.ts          | 1 -
 .../src/rich-text/models/tests/markdown-parser.spec.ts     | 1 -
 .../src/rich-text/viewer/tests/rich-text-viewer.spec.ts    | 1 -
 packages/nimble-components/src/select/tests/select.spec.ts | 2 --
 .../table-column/anchor/tests/table-column-anchor.spec.ts  | 1 -
 .../date-text/tests/table-column-date-text.spec.ts         | 2 --
 .../duration-text/tests/table-column-duration-text.spec.ts | 1 -
 .../mapping/tests/table-column-mapping.spec.ts             | 2 --
 .../src/table-column/menu-button/cell-view/templates.ts    | 1 -
 .../menu-button/tests/table-column-menu-button.spec.ts     | 1 -
 .../src/table-column/mixins/custom-sort-order.ts           | 1 -
 .../src/table-column/mixins/fractional-width-column.ts     | 1 -
 .../src/table-column/mixins/groupable-column.ts            | 1 -
 .../src/table-column/mixins/placeholder.ts                 | 1 -
 .../src/table-column/mixins/sortable-column.ts             | 1 -
 .../number-text/tests/table-column-number-text.spec.ts     | 1 -
 .../src/table-column/text/tests/table-column-text.spec.ts  | 1 -
 .../src/table/components/cell/tests/table-cell.spec.ts     | 1 -
 .../components/group-row/tests/table-group-row.spec.ts     | 1 -
 .../src/table/components/row/tests/table-row.spec.ts       | 2 --
 .../src/table/models/tests/table-validator.spec.ts         | 4 ----
 .../src/table/tests/table-action-menu.spec.ts              | 1 -
 .../src/table/tests/table-column-sizing.spec.ts            | 2 --
 .../src/table/tests/table-delegated-events.spec.ts         | 1 -
 .../src/table/tests/table-grouping.spec.ts                 | 2 --
 .../src/table/tests/table-keyboard-navigation.spec.ts      | 5 -----
 .../nimble-components/src/table/tests/table-labels.spec.ts | 1 -
 .../src/table/tests/table-pageobject.spec.ts               | 1 -
 .../src/table/tests/table-selection.spec.ts                | 1 -
 .../src/table/tests/table-sorting.spec.ts                  | 1 -
 packages/nimble-components/src/table/tests/table.spec.ts   | 2 --
 packages/nimble-components/src/text-field/styles.ts        | 1 -
 .../nimble-components/src/tree-view/tests/tree.spec.ts     | 1 -
 packages/spright-components/src/chat/specs/README.md       | 2 --
 packages/storybook/src/docs/component-status.stories.ts    | 1 -
 packages/storybook/src/docs/nimble-intro.mdx               | 2 --
 .../nimble/anchor-button/anchor-button-matrix.stories.ts   | 1 -
 .../src/nimble/anchor-button/anchor-button.stories.ts      | 1 -
 .../src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts   | 1 -
 .../src/nimble/anchor-tabs/anchor-tabs.stories.ts          | 2 --
 .../storybook/src/nimble/anchor/anchor-matrix.stories.ts   | 2 --
 packages/storybook/src/nimble/anchor/anchor.stories.ts     | 1 -
 .../src/nimble/anchored-region/anchored-region.stories.ts  | 1 -
 .../storybook/src/nimble/banner/banner-matrix.stories.ts   | 1 -
 packages/storybook/src/nimble/banner/banner.stories.ts     | 1 -
 .../storybook/src/nimble/breadcrumb/breadcrumb.stories.ts  | 1 -
 .../storybook/src/nimble/button/button-matrix.stories.ts   | 1 -
 packages/storybook/src/nimble/button/button.stories.ts     | 1 -
 .../src/nimble/card-button/card-button-matrix.stories.ts   | 1 -
 .../src/nimble/card-button/card-button.stories.ts          | 1 -
 packages/storybook/src/nimble/chip/chip-matrix.stories.ts  | 1 -
 packages/storybook/src/nimble/chip/chip.stories.ts         | 1 -
 .../src/nimble/combobox/combobox-matrix.stories.ts         | 1 -
 .../src/nimble/combobox/combobox-opened-in-div.stories.ts  | 1 -
 .../src/nimble/combobox/combobox-opened-matrix.stories.ts  | 1 -
 packages/storybook/src/nimble/combobox/combobox.stories.ts | 1 -
 packages/storybook/src/nimble/drawer/drawer.stories.ts     | 2 --
 packages/storybook/src/nimble/icon-base/icons.stories.ts   | 1 -
 .../src/nimble/menu-button/menu-button-matrix.stories.ts   | 1 -
 .../menu-button/menu-button-opened-matrix.stories.ts       | 1 -
 .../src/nimble/menu-button/menu-button.stories.ts          | 1 -
 packages/storybook/src/nimble/menu/menu-matrix.stories.ts  | 1 -
 packages/storybook/src/nimble/menu/menu.stories.ts         | 5 -----
 .../src/nimble/patterns/anchor/anchor-patterns.stories.ts  | 1 -
 .../patterns/required-visible/required-visible.stories.ts  | 1 -
 .../rich-text/editor/rich-text-editor-matrix.stories.ts    | 4 ----
 .../nimble/rich-text/editor/rich-text-editor.stories.ts    | 1 -
 .../rich-text/viewer/rich-text-viewer-matrix.stories.ts    | 1 -
 .../nimble/rich-text/viewer/rich-text-viewer.stories.ts    | 1 -
 .../storybook/src/nimble/select/select-matrix.stories.ts   | 1 -
 .../src/nimble/select/select-opened-in-div.stories.ts      | 1 -
 .../src/nimble/select/select-opened-matrix.stories.ts      | 1 -
 packages/storybook/src/nimble/select/select.stories.ts     | 1 -
 .../storybook/src/nimble/spinner/spinner-matrix.stories.ts | 1 -
 packages/storybook/src/nimble/spinner/spinner.stories.ts   | 1 -
 .../storybook/src/nimble/switch/switch-matrix.stories.ts   | 2 --
 packages/storybook/src/nimble/switch/switch.stories.ts     | 1 -
 .../anchor/table-column-anchor-matrix.stories.ts           | 1 -
 .../table-column/anchor/table-column-anchor.stories.ts     | 2 --
 .../src/nimble/table-column/base/table-column.stories.ts   | 7 -------
 .../date-text/table-column-date-text-matrix.stories.ts     | 1 -
 .../date-text/table-column-date-text.stories.ts            | 2 --
 .../table-column-duration-text-matrix.stories.ts           | 1 -
 .../duration-text/table-column-duration-text.stories.ts    | 2 --
 .../mapping/table-column-mapping-matrix.stories.ts         | 1 -
 .../table-column/mapping/table-column-mapping.stories.ts   | 1 -
 .../menu-button/table-column-menu-button-matrix.stories.ts | 1 -
 .../table-column-menu-button-opened-matrix.stories.ts      | 1 -
 .../menu-button/table-column-menu-button.stories.ts        | 2 --
 .../number-text/table-column-number-text-matrix.stories.ts | 1 -
 .../number-text/table-column-number-text.stories.ts        | 2 --
 .../table-column/text/table-column-text-matrix.stories.ts  | 1 -
 .../nimble/table-column/text/table-column-text.stories.ts  | 2 --
 .../table/table-action-menu-opened-matrix.stories.ts       | 1 -
 .../nimble/table/table-fit-rows-height-matrix.stories.ts   | 1 -
 .../storybook/src/nimble/table/table-matrix.stories.ts     | 1 -
 packages/storybook/src/nimble/table/table.stories.ts       | 2 --
 packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts  | 1 -
 packages/storybook/src/nimble/tabs/tabs.stories.ts         | 4 ----
 .../src/nimble/text-field/text-field-matrix.stories.ts     | 2 --
 .../storybook/src/nimble/text-field/text-field.stories.ts  | 1 -
 .../storybook/src/nimble/theme-provider/color.stories.ts   | 1 -
 .../src/nimble/theme-provider/size-ramp.stories.ts         | 1 -
 packages/storybook/src/nimble/theme-provider/template.ts   | 1 -
 .../nimble/toggle-button/toggle-button-matrix.stories.ts   | 1 -
 .../src/nimble/toggle-button/toggle-button.stories.ts      | 1 -
 .../storybook/src/nimble/toolbar/toolbar-matrix.stories.ts | 1 -
 packages/storybook/src/nimble/toolbar/toolbar.stories.ts   | 1 -
 .../src/nimble/tree-view/tree-view-matrix.stories.ts       | 1 -
 .../storybook/src/nimble/tree-view/tree-view.stories.ts    | 3 ---
 .../chat/conversation/chat-conversation-matrix.stories.ts  | 2 --
 .../spright/chat/conversation/chat-conversation.stories.ts | 1 -
 .../src/spright/chat/input/chat-input-matrix.stories.ts    | 2 --
 .../src/spright/chat/message/chat-message.stories.ts       | 4 ----
 packages/storybook/src/utilities/matrix.ts                 | 2 --
 129 files changed, 4 insertions(+), 186 deletions(-)

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 9c0045200c..26a40e522c 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -5,7 +5,6 @@
         "dbaeumer.vscode-eslint",
         "redhat.vscode-yaml",
         "editorconfig.editorconfig",
-        "rvest.vs-code-prettier-eslint",
         "unifiedjs.vscode-mdx",
         "ms-dotnettools.csharp",
         "ms-dotnettools.blazorwasm-companion"
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 8b67d4f680..d1c3d1a007 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,6 +6,6 @@
       "mode": "auto"
     }
   ],
-  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
   "omnisharp.useModernNet": true
 }
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d1b3c9a347..648502025c 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -160,7 +160,7 @@ This repository uses automated linting and automated lint formatting. Use `npm r
 
 To enable linting and formatting during development, install the recommended VS Code extensions. The list of recommended VS Code extensions can be found in `.vscode/extensions.json`.
 
-The default formatter for the workspace should be already configured by `.vscode/settings.json`. To configure it manually go to `File >> Preferences >> Settings >> Workspace >> Text Editor >> Default Formatter` and select `Prettier ESLint`. The `Prettier ESLint` option assumes that the recommended VS Code extensions are installed.
+The default formatter for the workspace should be already configured by `.vscode/settings.json`. To configure it manually go to `File >> Preferences >> Settings >> Workspace >> Text Editor >> Default Formatter` and select `ESLint`. The `ESLint` option assumes that the recommended VS Code extensions are installed.
 
 You may wish to have the formatter run every time you save a file. This would help ensure you don't forget to run the formatter and end up with a failing PR build. If you want this behavior, turn it on in your user settings: `File >> Preferences >> Settings >> User >> Text Editor >> Format On Save`. We leave this option unset in the workspace settings so that it does not override the user setting.
 
diff --git a/packages/eslint-config-nimble/components.js b/packages/eslint-config-nimble/components.js
index 439895f868..1912edfd63 100644
--- a/packages/eslint-config-nimble/components.js
+++ b/packages/eslint-config-nimble/components.js
@@ -73,7 +73,7 @@ export const componentsNimbleConfig = defineConfig([
     {
         files: ['**/styles.ts'],
         rules: {
-            // Prettier and eslint conflict in how they format CSS in styles files and we prefer prettier's output
+            // eslint handle does not handle indent well in style files
             '@stylistic/indent': 'off',
         },
     },
@@ -86,7 +86,7 @@ export const componentsNimbleConfig = defineConfig([
                 'error',
                 { selector: "LogicalExpression[operator='??']" },
             ],
-            // Neither prettier or eslint handle indent well in template files
+            // eslint handle does not handle indent well in template files
             '@stylistic/indent': 'off',
         },
     },
diff --git a/packages/nimble-components/CONTRIBUTING.md b/packages/nimble-components/CONTRIBUTING.md
index 96ab6db102..9dfd1d1268 100644
--- a/packages/nimble-components/CONTRIBUTING.md
+++ b/packages/nimble-components/CONTRIBUTING.md
@@ -236,7 +236,6 @@ With an attribute defined there are several ways to react to updates. To minimiz
 
 2. Respond to attribute values using a behavior:
 
-    <!-- prettier-ignore -->
     ```ts
     import { css } from '@ni/fast-element';
     css`
@@ -386,7 +385,6 @@ export class MyComponent {
 
 Then in the template, bind the focusable elements' `tabindex` to the host component's property:
 
-<!-- prettier-ignore -->
 ```html
 html<MyComponent>`
     <nimble-button 
diff --git a/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts b/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
index 7f67bf3974..742d32b25a 100644
--- a/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
+++ b/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
@@ -126,7 +126,6 @@ describe('Anchor Tree Item', () => {
 
         async function setup(source: Model): Promise<Fixture<TreeView>> {
             return await fixture<TreeView>(
-                // prettier-ignore
                 html<Model>`
                 <${treeViewTag} ${ref('treeView')}>
                     <${treeItemTag} ${ref('root1')}>Root1
diff --git a/packages/nimble-components/src/banner/specs/README.md b/packages/nimble-components/src/banner/specs/README.md
index 949f0145f3..8587caf775 100644
--- a/packages/nimble-components/src/banner/specs/README.md
+++ b/packages/nimble-components/src/banner/specs/README.md
@@ -89,7 +89,6 @@ We only formally support spans of text in the `title` and default slots, but we
 
 ### Anatomy
 
-<!-- prettier-ignore -->
 ```html
 <div class="icon">
     ${when(x => x.severity === 'error', html`
diff --git a/packages/nimble-components/src/chip/template.ts b/packages/nimble-components/src/chip/template.ts
index 4bb1683a04..27605b9535 100644
--- a/packages/nimble-components/src/chip/template.ts
+++ b/packages/nimble-components/src/chip/template.ts
@@ -10,7 +10,6 @@ import { buttonTag } from '../button';
 import { iconTimesTag } from '../icons/times';
 import { ButtonAppearance } from '../button/types';
 
-// prettier-ignore
 export const template: FoundationElementTemplate<
 ViewTemplate<Chip>,
 ChipOptions
diff --git a/packages/nimble-components/src/combobox/tests/combobox.spec.ts b/packages/nimble-components/src/combobox/tests/combobox.spec.ts
index e51c153ecd..e7be29f892 100644
--- a/packages/nimble-components/src/combobox/tests/combobox.spec.ts
+++ b/packages/nimble-components/src/combobox/tests/combobox.spec.ts
@@ -18,7 +18,6 @@ describe('Combobox', () => {
 
     describe('with common setup', () => {
         async function setup(): Promise<Fixture<Combobox>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <${comboboxTag}>
                     <${listOptionTag}>One</${listOptionTag}>
@@ -492,7 +491,6 @@ describe('Combobox', () => {
 
     describe('with template attributes', () => {
         async function setup(): Promise<Fixture<Combobox>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <${comboboxTag}
                     open
@@ -531,7 +529,6 @@ describe('Combobox', () => {
 
     describe('with many options', () => {
         async function setupWithManyOptions(): Promise<Fixture<Combobox>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <${comboboxTag}
                     autocomplete="inline"
@@ -585,7 +582,6 @@ describe('Combobox', () => {
 
     describe('within a div', () => {
         async function setupInDiv(): Promise<Fixture<Combobox>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <div style="overflow: auto;">
                     <<${comboboxTag}>>
diff --git a/packages/nimble-components/src/mapping/icon/tests/mapping-icon.spec.ts b/packages/nimble-components/src/mapping/icon/tests/mapping-icon.spec.ts
index a51a563352..0f85c73f0b 100644
--- a/packages/nimble-components/src/mapping/icon/tests/mapping-icon.spec.ts
+++ b/packages/nimble-components/src/mapping/icon/tests/mapping-icon.spec.ts
@@ -16,7 +16,6 @@ describe('Icon Mapping', () => {
     let connect: () => Promise<void>;
     let disconnect: () => Promise<void>;
 
-    // prettier-ignore
     async function setup(): Promise<Fixture<MappingIcon>> {
         return await fixture<MappingIcon>(html`
         <${mappingIconTag}
diff --git a/packages/nimble-components/src/patterns/dropdown/styles.ts b/packages/nimble-components/src/patterns/dropdown/styles.ts
index 65fe892686..a52e258863 100644
--- a/packages/nimble-components/src/patterns/dropdown/styles.ts
+++ b/packages/nimble-components/src/patterns/dropdown/styles.ts
@@ -31,7 +31,6 @@ import { themeBehavior } from '../../utilities/style/theme';
 import { DropdownAppearance } from './types';
 import { userSelectNone } from '../../utilities/style/user-select';
 
-// prettier-ignore
 export const styles = css`
     ${display('inline-flex')}
 
diff --git a/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts b/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
index 8070065553..be6c95f41d 100644
--- a/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
+++ b/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
@@ -54,7 +54,6 @@ describe('RichTextMentionUsers', () => {
     let connect: () => Promise<void>;
     let disconnect: () => Promise<void>;
 
-    // prettier-ignore
     async function setup(options: {
         mappings: BasicUserMentionMapping[],
         pattern: string
diff --git a/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor-mention.spec.ts b/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor-mention.spec.ts
index c7e28c2845..2d79686a7b 100644
--- a/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor-mention.spec.ts
+++ b/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor-mention.spec.ts
@@ -29,7 +29,6 @@ async function setup(): Promise<Fixture<RichTextEditor>> {
 
 async function setupMentionConfig(): Promise<Fixture<RichTextEditor>> {
     return await fixture<RichTextEditor>(
-        // prettier-ignore
         html`<${richTextEditorTag}>
           <${richTextMentionUsersTag} pattern="^user:(.*)">
               <${mappingUserTag} key="user:1" display-name="John Doe"></${mappingUserTag}>
diff --git a/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor.spec.ts b/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor.spec.ts
index 3787377be9..80dea8ead2 100644
--- a/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor.spec.ts
+++ b/packages/nimble-components/src/rich-text/editor/tests/rich-text-editor.spec.ts
@@ -18,7 +18,6 @@ async function setup(): Promise<Fixture<RichTextEditor>> {
 
 async function setupWithFooter(): Promise<Fixture<RichTextEditor>> {
     return await fixture<RichTextEditor>(
-        // prettier-ignore
         html`<${richTextEditorTag}>
             <${buttonTag} slot="footer-actions" id="cancel">Cancel</${buttonTag}>
             <${buttonTag} slot="footer-actions" id="ok">OK</${buttonTag}>
diff --git a/packages/nimble-components/src/rich-text/mention-listbox/tests/mention-listbox.spec.ts b/packages/nimble-components/src/rich-text/mention-listbox/tests/mention-listbox.spec.ts
index 7efa044d6e..d60e26a0bb 100644
--- a/packages/nimble-components/src/rich-text/mention-listbox/tests/mention-listbox.spec.ts
+++ b/packages/nimble-components/src/rich-text/mention-listbox/tests/mention-listbox.spec.ts
@@ -24,7 +24,6 @@ describe('RichTextMentionListbox', () => {
     async function setup500Options(
         source: Model
     ): Promise<Fixture<RichTextMentionListbox>> {
-        // prettier-ignore
         return await fixture<RichTextMentionListbox>(
             html<Model>`
             <div>
diff --git a/packages/nimble-components/src/rich-text/models/tests/markdown-parser.spec.ts b/packages/nimble-components/src/rich-text/models/tests/markdown-parser.spec.ts
index 5c5c5fa720..660115fd1b 100644
--- a/packages/nimble-components/src/rich-text/models/tests/markdown-parser.spec.ts
+++ b/packages/nimble-components/src/rich-text/models/tests/markdown-parser.spec.ts
@@ -953,7 +953,6 @@ describe('Markdown parser', () => {
         let connect: () => Promise<void>;
         let disconnect: () => Promise<void>;
 
-        // prettier-ignore
         async function setup(
             mappings: BasicUserMentionMapping[],
             pattern = ''
diff --git a/packages/nimble-components/src/rich-text/viewer/tests/rich-text-viewer.spec.ts b/packages/nimble-components/src/rich-text/viewer/tests/rich-text-viewer.spec.ts
index c6f7cf3330..a1e5542c7c 100644
--- a/packages/nimble-components/src/rich-text/viewer/tests/rich-text-viewer.spec.ts
+++ b/packages/nimble-components/src/rich-text/viewer/tests/rich-text-viewer.spec.ts
@@ -21,7 +21,6 @@ async function setup(): Promise<Fixture<RichTextViewer>> {
 
 async function setupMentionConfig(): Promise<Fixture<RichTextViewer>> {
     return await fixture<RichTextViewer>(
-        // prettier-ignore
         html`<${richTextViewerTag}>
             <${richTextMentionUsersTag} pattern="^user:(.*)">
                 <${mappingUserTag} key="user:1" display-name="John Doe"></${mappingUserTag}>
diff --git a/packages/nimble-components/src/select/tests/select.spec.ts b/packages/nimble-components/src/select/tests/select.spec.ts
index 32a28c2173..d807bcda37 100644
--- a/packages/nimble-components/src/select/tests/select.spec.ts
+++ b/packages/nimble-components/src/select/tests/select.spec.ts
@@ -902,7 +902,6 @@ describe('Select', () => {
 
     describe('with 500 options', () => {
         async function setup500Options(): Promise<Fixture<Select>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <${selectTag}>
                     ${repeat(() => [...Array(500).keys()], html<number>`
@@ -953,7 +952,6 @@ describe('Select', () => {
 
     describe('within a div', () => {
         async function setupInDiv(): Promise<Fixture<Select>> {
-            // prettier-ignore
             const viewTemplate = html`
                 <div style="overflow: auto;">
                     <${selectTag}>
diff --git a/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts b/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
index 0014e3e350..49894f5ceb 100644
--- a/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
+++ b/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
@@ -26,7 +26,6 @@ class ElementReferences {
     public column!: TableColumnAnchor;
 }
 
-// prettier-ignore
 async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag} style="width: 700px" ${ref('table')}>
diff --git a/packages/nimble-components/src/table-column/date-text/tests/table-column-date-text.spec.ts b/packages/nimble-components/src/table-column/date-text/tests/table-column-date-text.spec.ts
index 3b303873e3..2229edd3ca 100644
--- a/packages/nimble-components/src/table-column/date-text/tests/table-column-date-text.spec.ts
+++ b/packages/nimble-components/src/table-column/date-text/tests/table-column-date-text.spec.ts
@@ -29,7 +29,6 @@ describe('TableColumnDateText', () => {
     let pageObject: TableColumnDateTextPageObject<SimpleTableRecord>;
     let column: TableColumnDateText;
 
-    // prettier-ignore
     async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
         return await fixture<Table<SimpleTableRecord>>(
             html`<${themeProviderTag} lang="en-US">
@@ -660,7 +659,6 @@ describe('TableColumnDateText', () => {
     });
 
     describe('with static config', () => {
-        // prettier-ignore
         async function setupWithConfig(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag} ${ref('table')} style="width: 700px">
diff --git a/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts b/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
index d3d2ed0fe5..a57c03171d 100644
--- a/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
+++ b/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
@@ -28,7 +28,6 @@ describe('TableColumnDurationText', () => {
     let pageObject: TableColumnDurationTextPageObject<SimpleTableRecord>;
     let column: TableColumnDurationText;
 
-    // prettier-ignore
     async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
         return await fixture<Table<SimpleTableRecord>>(
             html`<${themeProviderTag} lang="en-US">
diff --git a/packages/nimble-components/src/table-column/mapping/tests/table-column-mapping.spec.ts b/packages/nimble-components/src/table-column/mapping/tests/table-column-mapping.spec.ts
index a00137a056..4a2fa959b5 100644
--- a/packages/nimble-components/src/table-column/mapping/tests/table-column-mapping.spec.ts
+++ b/packages/nimble-components/src/table-column/mapping/tests/table-column-mapping.spec.ts
@@ -57,7 +57,6 @@ describe('TableColumnMapping', () => {
     let columnPageObject: TableColumnMappingPageObject<SimpleTableRecord>;
     let model: Model;
 
-    // prettier-ignore
     async function setup(options: {
         keyType: MappingKeyType,
         iconMappings?: TestIconMapping[],
@@ -441,7 +440,6 @@ describe('TableColumnMapping', () => {
             ).toBeTrue();
         });
 
-        // prettier-ignore
         async function setupInvalidMappings(): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag} style="width: 700px">
diff --git a/packages/nimble-components/src/table-column/menu-button/cell-view/templates.ts b/packages/nimble-components/src/table-column/menu-button/cell-view/templates.ts
index 46a066be1e..2b9634c9e5 100644
--- a/packages/nimble-components/src/table-column/menu-button/cell-view/templates.ts
+++ b/packages/nimble-components/src/table-column/menu-button/cell-view/templates.ts
@@ -8,7 +8,6 @@ import {
 import { iconArrowExpanderDownTag } from '../../../icons/arrow-expander-down';
 import { cellViewMenuSlotName } from '../types';
 
-// prettier-ignore
 export const template = html<TableColumnMenuButtonCellView>`
     ${when(x => x.showMenuButton, html<TableColumnMenuButtonCellView>`
         <${menuButtonTag}
diff --git a/packages/nimble-components/src/table-column/menu-button/tests/table-column-menu-button.spec.ts b/packages/nimble-components/src/table-column/menu-button/tests/table-column-menu-button.spec.ts
index e05ea41583..3d15624c83 100644
--- a/packages/nimble-components/src/table-column/menu-button/tests/table-column-menu-button.spec.ts
+++ b/packages/nimble-components/src/table-column/menu-button/tests/table-column-menu-button.spec.ts
@@ -47,7 +47,6 @@ describe('TableColumnMenuButton', () => {
     let pageObject: TableColumnMenuButtonPageObject<SimpleTableRecord>;
     let column: TableColumnMenuButton;
 
-    // prettier-ignore
     async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
         return await fixture<Table<SimpleTableRecord>>(
             html`<${tableTag} ${ref('table')} style="width: 700px">
diff --git a/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts b/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
index 07b012da45..8a2045f42c 100644
--- a/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
+++ b/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
@@ -7,7 +7,6 @@ import type { ColumnValidator } from '../base/models/column-validator';
 type CustomSortOrderTableColumn<
     TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>
 > = Pick<TableColumn<unknown, TColumnValidator>, 'columnInternals'>;
-// prettier-ignore
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type CustomSortOrderTableColumnConstructor<TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>> = abstract new (...args: any[]) => CustomSortOrderTableColumn<TColumnValidator>;
 
diff --git a/packages/nimble-components/src/table-column/mixins/fractional-width-column.ts b/packages/nimble-components/src/table-column/mixins/fractional-width-column.ts
index 630b24f5ae..b5e5a83043 100644
--- a/packages/nimble-components/src/table-column/mixins/fractional-width-column.ts
+++ b/packages/nimble-components/src/table-column/mixins/fractional-width-column.ts
@@ -4,7 +4,6 @@ import { defaultMinPixelWidth, defaultFractionalWidth } from '../base/types';
 
 // Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)
 type SizedTableColumn = Pick<TableColumn, 'columnInternals'>;
-// prettier-ignore
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type SizedTableColumnConstructor = abstract new (...args: any[]) => SizedTableColumn;
 
diff --git a/packages/nimble-components/src/table-column/mixins/groupable-column.ts b/packages/nimble-components/src/table-column/mixins/groupable-column.ts
index 58cf2b2223..ceb2009f5f 100644
--- a/packages/nimble-components/src/table-column/mixins/groupable-column.ts
+++ b/packages/nimble-components/src/table-column/mixins/groupable-column.ts
@@ -3,7 +3,6 @@ import type { TableColumn } from '../base';
 
 // Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)
 type GroupableTableColumn = Pick<TableColumn, 'columnInternals'>;
-// prettier-ignore
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type GroupableTableColumnConstructor = abstract new (...args: any[]) => GroupableTableColumn;
 
diff --git a/packages/nimble-components/src/table-column/mixins/placeholder.ts b/packages/nimble-components/src/table-column/mixins/placeholder.ts
index 87eb20ca11..c8542e62d0 100644
--- a/packages/nimble-components/src/table-column/mixins/placeholder.ts
+++ b/packages/nimble-components/src/table-column/mixins/placeholder.ts
@@ -4,7 +4,6 @@ import type { TableColumn } from '../base';
 // Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)
 // Because the 'placeholder' mixin doesn't depend on any properties of the TableColumn, there are no properties to pick.
 type TableColumnWithPlaceholder = Pick<TableColumn, never>;
-// prettier-ignore
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type TableColumnWithPlaceholderConstructor = abstract new (...args: any[]) => TableColumnWithPlaceholder;
 
diff --git a/packages/nimble-components/src/table-column/mixins/sortable-column.ts b/packages/nimble-components/src/table-column/mixins/sortable-column.ts
index aa55f3043b..87905962b8 100644
--- a/packages/nimble-components/src/table-column/mixins/sortable-column.ts
+++ b/packages/nimble-components/src/table-column/mixins/sortable-column.ts
@@ -4,7 +4,6 @@ import { TableColumnSortDirection } from '../../table/types';
 
 // Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)
 type SortableTableColumn = Pick<TableColumn, 'columnInternals'>;
-// prettier-ignore
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type SortableTableColumnConstructor = abstract new (...args: any[]) => SortableTableColumn;
 
diff --git a/packages/nimble-components/src/table-column/number-text/tests/table-column-number-text.spec.ts b/packages/nimble-components/src/table-column/number-text/tests/table-column-number-text.spec.ts
index d8c07bee36..bd9878c4c2 100644
--- a/packages/nimble-components/src/table-column/number-text/tests/table-column-number-text.spec.ts
+++ b/packages/nimble-components/src/table-column/number-text/tests/table-column-number-text.spec.ts
@@ -22,7 +22,6 @@ class ElementReferences {
     public column2!: TableColumnNumberText;
 }
 
-// prettier-ignore
 async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${themeProviderTag} lang="en-US">
diff --git a/packages/nimble-components/src/table-column/text/tests/table-column-text.spec.ts b/packages/nimble-components/src/table-column/text/tests/table-column-text.spec.ts
index e25ef2a9a1..353486e606 100644
--- a/packages/nimble-components/src/table-column/text/tests/table-column-text.spec.ts
+++ b/packages/nimble-components/src/table-column/text/tests/table-column-text.spec.ts
@@ -19,7 +19,6 @@ class ElementReferences {
     public column!: TableColumnText;
 }
 
-// prettier-ignore
 async function setup(source: ElementReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${themeProviderTag} lang="en-US">
diff --git a/packages/nimble-components/src/table/components/cell/tests/table-cell.spec.ts b/packages/nimble-components/src/table/components/cell/tests/table-cell.spec.ts
index 0ba9e4556d..c2daec2d6b 100644
--- a/packages/nimble-components/src/table/components/cell/tests/table-cell.spec.ts
+++ b/packages/nimble-components/src/table/components/cell/tests/table-cell.spec.ts
@@ -26,7 +26,6 @@ const columnCellViewName = uniqueElementName();
 })
 class TestTableColumnCellView extends TableCellView<SimpleTableCellRecord> {}
 
-// prettier-ignore
 async function setup(): Promise<Fixture<TableCell<SimpleTableCellRecord>>> {
     return await fixture<TableCell<SimpleTableCellRecord>>(
         html`<${tableCellTag}>
diff --git a/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts b/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
index b13d6c5981..e8c11174bc 100644
--- a/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
+++ b/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
@@ -12,7 +12,6 @@ type TableRowSelectionToggleEventHandler = (
     evt: CustomEvent<TableRowSelectionToggleEventDetail>
 ) => void;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<TableGroupRow>> {
     return await fixture<TableGroupRow>(
         html`<${tableGroupRowTag}>
diff --git a/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts b/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
index 53dcbf16ee..775ce042e7 100644
--- a/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
+++ b/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
@@ -37,7 +37,6 @@ type TableRowSelectionToggleEventHandler = (
 
 describe('TableRow', () => {
     describe('standalone', () => {
-        // prettier-ignore
         async function setup(): Promise<Fixture<TableRow<SimpleTableRecord>>> {
             return await fixture<TableRow<SimpleTableRecord>>(
                 html`<${tableRowTag}>
@@ -358,7 +357,6 @@ describe('TableRow', () => {
             public secondColumn!: TableColumnDateText;
         }
 
-        // prettier-ignore
         async function setupTable(source: ColumnReferences): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/models/tests/table-validator.spec.ts b/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
index 9e027ca2ef..a65456e885 100644
--- a/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
+++ b/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
@@ -244,10 +244,8 @@ describe('TableValidator', () => {
 
         it('ID field name can be an empty string', () => {
             const data = [
-                // prettier-ignore
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 { stringField: 'value-1', numberField: 10, '': 'empty-1' },
-                // prettier-ignore
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 { stringField: 'value-2', numberField: 11, '': 'empty-2' }
             ];
@@ -261,10 +259,8 @@ describe('TableValidator', () => {
 
         it('validation occurs when ID field name is an empty string', () => {
             const data = [
-                // prettier-ignore
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 { stringField: 'value-1', numberField: 10, '': 'empty-1' },
-                // prettier-ignore
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 { stringField: 'value-2', numberField: 11, '': 'empty-1' }
             ];
diff --git a/packages/nimble-components/src/table/tests/table-action-menu.spec.ts b/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
index 49bd3f2495..58c6bafeff 100644
--- a/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
@@ -45,7 +45,6 @@ const simpleTableData = [
     }
 ] as const;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts b/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
index 3fcf1fc080..98839458b8 100644
--- a/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
@@ -53,7 +53,6 @@ const largeTableData = Array.from(Array(500), (_, i) => {
     };
 });
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
@@ -65,7 +64,6 @@ async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     );
 }
 
-// prettier-ignore
 async function setupInteractiveTests(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/tests/table-delegated-events.spec.ts b/packages/nimble-components/src/table/tests/table-delegated-events.spec.ts
index f3da4035f1..f492d88f92 100644
--- a/packages/nimble-components/src/table/tests/table-delegated-events.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-delegated-events.spec.ts
@@ -34,7 +34,6 @@ class TestTableColumn extends TableColumn {
     }
 }
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/tests/table-grouping.spec.ts b/packages/nimble-components/src/table/tests/table-grouping.spec.ts
index 3a61511c06..1f01252001 100644
--- a/packages/nimble-components/src/table/tests/table-grouping.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-grouping.spec.ts
@@ -24,7 +24,6 @@ interface HierarchicalTableRecord extends TableRecord {
     stringData3?: string | null;
 }
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag} id-field-name="id">
@@ -34,7 +33,6 @@ async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     );
 }
 
-// prettier-ignore
 async function setupWithHierarchy(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag} id-field-name="id" parent-id-field-name="parentId">
diff --git a/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts b/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
index 54b6884e91..09afed65ab 100644
--- a/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
@@ -202,7 +202,6 @@ describe('Table keyboard navigation', () => {
 
     describe('with non-interactive columns', () => {
         const nonInteractiveColumnName = uniqueElementName();
-        // prettier-ignore
         @customElement({
             name: nonInteractiveColumnName
         })
@@ -218,7 +217,6 @@ describe('Table keyboard navigation', () => {
             }
         }
 
-        // prettier-ignore
         async function setupNonInteractiveTable(): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag} id-field-name="id">
@@ -1233,7 +1231,6 @@ describe('Table keyboard navigation', () => {
         const interactiveCellViewName = uniqueElementName();
         const interactiveColumnName = uniqueElementName();
 
-        // prettier-ignore
         @customElement({
             name: interactiveCellViewName,
             template: html<TestInteractiveCellView>`<span tabindex="-1" ${ref('spanElement')}>Test</span>`
@@ -1246,7 +1243,6 @@ describe('Table keyboard navigation', () => {
                 return [this.spanElement];
             }
         }
-        // prettier-ignore
         @customElement({
             name: interactiveColumnName
         })
@@ -1263,7 +1259,6 @@ describe('Table keyboard navigation', () => {
             }
         }
 
-        // prettier-ignore
         async function setupInteractiveTable(): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag} id-field-name="id">
diff --git a/packages/nimble-components/src/table/tests/table-labels.spec.ts b/packages/nimble-components/src/table/tests/table-labels.spec.ts
index 1e848cc4bd..d60d55f4b1 100644
--- a/packages/nimble-components/src/table/tests/table-labels.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-labels.spec.ts
@@ -37,7 +37,6 @@ const simpleTableData = [
     }
 ] as const;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<ThemeProvider>> {
     return await fixture<ThemeProvider>(
         html`
diff --git a/packages/nimble-components/src/table/tests/table-pageobject.spec.ts b/packages/nimble-components/src/table/tests/table-pageobject.spec.ts
index 2c2ff103f9..77507c9003 100644
--- a/packages/nimble-components/src/table/tests/table-pageobject.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-pageobject.spec.ts
@@ -27,7 +27,6 @@ const simpleTableData = [
     }
 ] as const;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/tests/table-selection.spec.ts b/packages/nimble-components/src/table/tests/table-selection.spec.ts
index 302f3771f9..70525c537a 100644
--- a/packages/nimble-components/src/table/tests/table-selection.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-selection.spec.ts
@@ -210,7 +210,6 @@ const hierarchicalData = [
     }
 ] as const;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag}>
diff --git a/packages/nimble-components/src/table/tests/table-sorting.spec.ts b/packages/nimble-components/src/table/tests/table-sorting.spec.ts
index 25243c8613..9a8efdc0a7 100644
--- a/packages/nimble-components/src/table/tests/table-sorting.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-sorting.spec.ts
@@ -29,7 +29,6 @@ type TableColumnConfigurationChangeEventHandler = (
     evt: CustomEvent<TableColumnConfigurationChangeEventDetail>
 ) => void;
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag} id-field-name="id">
diff --git a/packages/nimble-components/src/table/tests/table.spec.ts b/packages/nimble-components/src/table/tests/table.spec.ts
index 2ee14b78b8..c67c7e900a 100644
--- a/packages/nimble-components/src/table/tests/table.spec.ts
+++ b/packages/nimble-components/src/table/tests/table.spec.ts
@@ -76,7 +76,6 @@ function createLargeData(dataLength: number): SimpleTableRecord[] {
 
 const largeTableData = createLargeData(500);
 
-// prettier-ignore
 async function setup(): Promise<Fixture<Table<SimpleTableRecord>>> {
     return await fixture<Table<SimpleTableRecord>>(
         html`<${tableTag} style="width: 700px">
@@ -2544,7 +2543,6 @@ describe('Table', () => {
         let disconnect: () => Promise<void>;
         let column1: TableColumnValidationTest;
 
-        // prettier-ignore
         async function setupWithTestColumns(): Promise<Fixture<Table<SimpleTableRecord>>> {
             return await fixture<Table<SimpleTableRecord>>(
                 html`<${tableTag}>
diff --git a/packages/nimble-components/src/text-field/styles.ts b/packages/nimble-components/src/text-field/styles.ts
index e7b831faf6..e758addcb6 100644
--- a/packages/nimble-components/src/text-field/styles.ts
+++ b/packages/nimble-components/src/text-field/styles.ts
@@ -24,7 +24,6 @@ import { styles as errorStyles } from '../patterns/error/styles';
 import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import { userSelectNone } from '../utilities/style/user-select';
 
-// prettier-ignore
 export const styles = css`
     ${display('inline-block')}
     ${errorStyles}
diff --git a/packages/nimble-components/src/tree-view/tests/tree.spec.ts b/packages/nimble-components/src/tree-view/tests/tree.spec.ts
index 09b5d9764c..70980376a0 100644
--- a/packages/nimble-components/src/tree-view/tests/tree.spec.ts
+++ b/packages/nimble-components/src/tree-view/tests/tree.spec.ts
@@ -26,7 +26,6 @@ class Model {
 
 async function setup(source: Model): Promise<Fixture<TreeView>> {
     return await fixture<TreeView>(
-        // prettier-ignore
         html<Model>`
         <${treeViewTag} ${ref('treeView')}>
             <${treeItemTag} ${ref('root1')}>Root1
diff --git a/packages/spright-components/src/chat/specs/README.md b/packages/spright-components/src/chat/specs/README.md
index 3941eac77f..9303708d8b 100644
--- a/packages/spright-components/src/chat/specs/README.md
+++ b/packages/spright-components/src/chat/specs/README.md
@@ -145,7 +145,6 @@ richText.markdown = 'Welcome **Homer**, how can I help?';
 
 #### Prompt buttons message example
 
-<!-- prettier-ignore-start -->
 
 ```html
 <spright-chat-message message-type="inbound">
@@ -154,7 +153,6 @@ richText.markdown = 'Welcome **Homer**, how can I help?';
 </spright-chat-message>
 ```
 
-<!-- prettier-ignore-end -->
 
 #### Input example
 
diff --git a/packages/storybook/src/docs/component-status.stories.ts b/packages/storybook/src/docs/component-status.stories.ts
index 17eabb79d8..83a86afbaa 100644
--- a/packages/storybook/src/docs/component-status.stories.ts
+++ b/packages/storybook/src/docs/component-status.stories.ts
@@ -630,7 +630,6 @@ const metadata: Meta<TableArgs> = {
     parameters: {
         ...fastParameters()
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<TableArgs>`
         <style class="code-hide">
             ${tableTag} {
diff --git a/packages/storybook/src/docs/nimble-intro.mdx b/packages/storybook/src/docs/nimble-intro.mdx
index c4e0a6a64f..6fe69d0815 100644
--- a/packages/storybook/src/docs/nimble-intro.mdx
+++ b/packages/storybook/src/docs/nimble-intro.mdx
@@ -22,10 +22,8 @@ documentation on using or contributing to the component libraries. To add or
 update component design documentation, refer to the
 [documentation guide](https://github.com/ni/nimble/tree/main/packages/storybook/CONTRIBUTING.md).
 
-{/* prettier-ignore */}
 <p>See the <a href="./example-client-app/index.html" target="_parent">example Angular app</a>, <a href="./blazor-client-app/wwwroot/index.html" target="_parent">example Blazor app</a>, or <a href="./react-client-app/index.html" target="_parent">example React app</a> using the components!</p>
 
-{/* prettier-ignore */}
 <p>See the <a href="./performance/index.html" target="_parent">component performance tests</a>. Navigate to the <a href="../index.html" target="_parent">parent page</a>.</p>
 
 ## How to use this site?
diff --git a/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts b/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
index 34fab21873..e3e87d3b3f 100644
--- a/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
@@ -37,7 +37,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/anchor-button/anchor-button.stories.ts b/packages/storybook/src/nimble/anchor-button/anchor-button.stories.ts
index 82a95a6c27..0883858e8c 100644
--- a/packages/storybook/src/nimble/anchor-button/anchor-button.stories.ts
+++ b/packages/storybook/src/nimble/anchor-button/anchor-button.stories.ts
@@ -38,7 +38,6 @@ const metadata: Meta<AnchorButtonArgs> = {
     parameters: {
         actions: {}
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${anchorButtonTag}
             href=${x => (x.href !== '' ? x.href : null)}
diff --git a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
index f0295e2abf..c31aab43fd 100644
--- a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
+++ b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
@@ -64,7 +64,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     toolbar: TabsToolbarState,
     [disabledName, disabled]: DisabledState,
diff --git a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs.stories.ts b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs.stories.ts
index 7b33cb217d..cd877fdb2d 100644
--- a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs.stories.ts
+++ b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs.stories.ts
@@ -85,7 +85,6 @@ const metadata: Meta<AnchorTabsArgs> = {
 export default metadata;
 
 export const anchorTabs: StoryObj<AnchorTabsArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${anchorTabsTag} activeid="${x => x.activeid}">
         ${repeat(x => tabSets[x.tabsType] as AnchorTabArgs[], html<AnchorTabArgs>`
@@ -177,7 +176,6 @@ export const anchorTab: StoryObj<AnchorTabArgs> = {
 };
 
 export const tabsToolbar: StoryObj<ToolbarArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${anchorTabsTag} activeid="1" style="width: 800px;">
             <${tabsToolbarTag}>
diff --git a/packages/storybook/src/nimble/anchor/anchor-matrix.stories.ts b/packages/storybook/src/nimble/anchor/anchor-matrix.stories.ts
index f8cf818767..20a325498f 100644
--- a/packages/storybook/src/nimble/anchor/anchor-matrix.stories.ts
+++ b/packages/storybook/src/nimble/anchor/anchor-matrix.stories.ts
@@ -40,7 +40,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [underlineHiddenName, underlineHidden]: UnderlineHiddenState,
@@ -92,7 +91,6 @@ export const textCustomized: StoryFn = createMatrixThemeStory(
 );
 
 export const textWrapping: StoryFn = createStory(
-    // prettier-ignore
     html`
     <p style="width: 300px; border: 1px solid black">
         <style>
diff --git a/packages/storybook/src/nimble/anchor/anchor.stories.ts b/packages/storybook/src/nimble/anchor/anchor.stories.ts
index 76aa0b3269..9676f9982d 100644
--- a/packages/storybook/src/nimble/anchor/anchor.stories.ts
+++ b/packages/storybook/src/nimble/anchor/anchor.stories.ts
@@ -25,7 +25,6 @@ const metadata: Meta<AnchorArgs> = {
     parameters: {
         actions: {}
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style class='code-hide'>
             .anchor-container {
diff --git a/packages/storybook/src/nimble/anchored-region/anchored-region.stories.ts b/packages/storybook/src/nimble/anchored-region/anchored-region.stories.ts
index 95cc682b2c..30bd59dc0f 100644
--- a/packages/storybook/src/nimble/anchored-region/anchored-region.stories.ts
+++ b/packages/storybook/src/nimble/anchored-region/anchored-region.stories.ts
@@ -17,7 +17,6 @@ interface AnchoredRegionArgs {
 const metadata: Meta<AnchoredRegionArgs> = {
     title: 'Tests/Anchored Region',
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<AnchoredRegionArgs>`
         <style>
             .container {
diff --git a/packages/storybook/src/nimble/banner/banner-matrix.stories.ts b/packages/storybook/src/nimble/banner/banner-matrix.stories.ts
index a85da80a56..69de404311 100644
--- a/packages/storybook/src/nimble/banner/banner-matrix.stories.ts
+++ b/packages/storybook/src/nimble/banner/banner-matrix.stories.ts
@@ -54,7 +54,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [severityLabel, severity]: SeverityState,
     [actionLabel, linkVisible, iconButton, buttonAppearance]: ActionState,
diff --git a/packages/storybook/src/nimble/banner/banner.stories.ts b/packages/storybook/src/nimble/banner/banner.stories.ts
index 7f845d1e36..038f76a243 100644
--- a/packages/storybook/src/nimble/banner/banner.stories.ts
+++ b/packages/storybook/src/nimble/banner/banner.stories.ts
@@ -58,7 +58,6 @@ addLabelUseMetadata(metadata, labelProviderCoreTag, popupDismissLabel);
 export default metadata;
 
 export const _banner: StoryObj<BannerArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${bannerTag}
             ?open="${x => x.open}"
diff --git a/packages/storybook/src/nimble/breadcrumb/breadcrumb.stories.ts b/packages/storybook/src/nimble/breadcrumb/breadcrumb.stories.ts
index 9b79a6b79a..1cc7876829 100644
--- a/packages/storybook/src/nimble/breadcrumb/breadcrumb.stories.ts
+++ b/packages/storybook/src/nimble/breadcrumb/breadcrumb.stories.ts
@@ -74,7 +74,6 @@ const defaultHrefDescription = hrefDescription({
 const itemHrefDescription = `${defaultHrefDescription} If the last breadcrumb item represents the current page it should have no \`href\` set.`;
 
 export const _standardBreadcrumb: StoryObj<BreadcrumbArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${breadcrumbTag}
             appearance="${x => BreadcrumbAppearance[x.appearance]}"
diff --git a/packages/storybook/src/nimble/button/button-matrix.stories.ts b/packages/storybook/src/nimble/button/button-matrix.stories.ts
index 86f23b64b8..84ae986579 100644
--- a/packages/storybook/src/nimble/button/button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/button/button-matrix.stories.ts
@@ -38,7 +38,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/button/button.stories.ts b/packages/storybook/src/nimble/button/button.stories.ts
index 1916352885..710538b2c3 100644
--- a/packages/storybook/src/nimble/button/button.stories.ts
+++ b/packages/storybook/src/nimble/button/button.stories.ts
@@ -86,7 +86,6 @@ const metadata: Meta<ButtonArgs> = {
             control: false
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${buttonTag}
             ?disabled="${x => x.disabled}"
diff --git a/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts b/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
index 6f8ca2eb12..c7cd1a2c1c 100644
--- a/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
@@ -26,7 +26,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [selectedName, selected]: SelectedState
diff --git a/packages/storybook/src/nimble/card-button/card-button.stories.ts b/packages/storybook/src/nimble/card-button/card-button.stories.ts
index 959b73bebf..3895ad97ff 100644
--- a/packages/storybook/src/nimble/card-button/card-button.stories.ts
+++ b/packages/storybook/src/nimble/card-button/card-button.stories.ts
@@ -24,7 +24,6 @@ const metadata: Meta<CardButtonArgs> = {
             handles: ['click']
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style>
             .wrapper {
diff --git a/packages/storybook/src/nimble/chip/chip-matrix.stories.ts b/packages/storybook/src/nimble/chip/chip-matrix.stories.ts
index 379160cc52..d0fd7c7596 100644
--- a/packages/storybook/src/nimble/chip/chip-matrix.stories.ts
+++ b/packages/storybook/src/nimble/chip/chip-matrix.stories.ts
@@ -61,7 +61,6 @@ const metadata: Meta = {
 };
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/chip/chip.stories.ts b/packages/storybook/src/nimble/chip/chip.stories.ts
index 74268cbdd5..6c2c5c4448 100644
--- a/packages/storybook/src/nimble/chip/chip.stories.ts
+++ b/packages/storybook/src/nimble/chip/chip.stories.ts
@@ -20,7 +20,6 @@ interface ChipArgs {
     remove: undefined;
 }
 
-// prettier-ignore
 const metadata: Meta<ChipArgs> = {
     title: 'Components/Chip',
     render: createUserSelectedThemeStory(html`
diff --git a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
index 623ad5f6d0..66c3260cb3 100644
--- a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
@@ -44,7 +44,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [manipulationName, _readOnly, disabled, appearanceReadOnly]: ManipulationReadOnlyAbsentState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/combobox/combobox-opened-in-div.stories.ts b/packages/storybook/src/nimble/combobox/combobox-opened-in-div.stories.ts
index e9c72535cb..545daf9e5b 100644
--- a/packages/storybook/src/nimble/combobox/combobox-opened-in-div.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox-opened-in-div.stories.ts
@@ -20,7 +20,6 @@ const positionStates = [
 ] as const;
 type PositionState = (typeof positionStates)[number];
 
-// prettier-ignore
 const component = ([
     position,
     positionStyle
diff --git a/packages/storybook/src/nimble/combobox/combobox-opened-matrix.stories.ts b/packages/storybook/src/nimble/combobox/combobox-opened-matrix.stories.ts
index 650cab21de..b6aa1895b5 100644
--- a/packages/storybook/src/nimble/combobox/combobox-opened-matrix.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox-opened-matrix.stories.ts
@@ -26,7 +26,6 @@ interface ComboboxMatrixStoryOptions {
     manyOptions?: boolean;
 }
 
-// prettier-ignore
 const component = ({
     position,
     manyOptions
diff --git a/packages/storybook/src/nimble/combobox/combobox.stories.ts b/packages/storybook/src/nimble/combobox/combobox.stories.ts
index 0adacc1320..7449d09164 100644
--- a/packages/storybook/src/nimble/combobox/combobox.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox.stories.ts
@@ -102,7 +102,6 @@ const metadata: Meta<ComboboxArgs> = {
             zoom: { hidden: true }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         ${disableStorybookZoomTransform}
         <${comboboxTag}
diff --git a/packages/storybook/src/nimble/drawer/drawer.stories.ts b/packages/storybook/src/nimble/drawer/drawer.stories.ts
index 7043aa4ba5..9d00a8e740 100644
--- a/packages/storybook/src/nimble/drawer/drawer.stories.ts
+++ b/packages/storybook/src/nimble/drawer/drawer.stories.ts
@@ -62,7 +62,6 @@ const simpleContent = html<DrawerArgs>`
     </section>
 `;
 
-// prettier-ignore
 const headerFooterContent = html<DrawerArgs>`
     <style>
         .example-content {
@@ -134,7 +133,6 @@ const metadata: Meta<DrawerArgs> = {
             handles: []
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${drawerTag}
             ${ref('drawerRef')}
diff --git a/packages/storybook/src/nimble/icon-base/icons.stories.ts b/packages/storybook/src/nimble/icon-base/icons.stories.ts
index 14295132ab..e66aed0c28 100644
--- a/packages/storybook/src/nimble/icon-base/icons.stories.ts
+++ b/packages/storybook/src/nimble/icon-base/icons.stories.ts
@@ -63,7 +63,6 @@ const updateData = (tableRef: Table<Data>): void => {
     })();
 };
 
-// prettier-ignore
 export const icons: StoryObj<IconArgs> = {
     args: {
         severity: 'default',
diff --git a/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts b/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
index 20ae1a1164..a1b228b16e 100644
--- a/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
@@ -42,7 +42,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [openName, open]: OpenState,
     [iconVisible, labelVisible, endIconVisible]: PartVisibilityState,
diff --git a/packages/storybook/src/nimble/menu-button/menu-button-opened-matrix.stories.ts b/packages/storybook/src/nimble/menu-button/menu-button-opened-matrix.stories.ts
index 8b161fac58..4ee42ac9ce 100644
--- a/packages/storybook/src/nimble/menu-button/menu-button-opened-matrix.stories.ts
+++ b/packages/storybook/src/nimble/menu-button/menu-button-opened-matrix.stories.ts
@@ -22,7 +22,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = ([
     position,
     positionStyle
diff --git a/packages/storybook/src/nimble/menu-button/menu-button.stories.ts b/packages/storybook/src/nimble/menu-button/menu-button.stories.ts
index 7b71c2c6d4..e87ddcfe1f 100644
--- a/packages/storybook/src/nimble/menu-button/menu-button.stories.ts
+++ b/packages/storybook/src/nimble/menu-button/menu-button.stories.ts
@@ -135,7 +135,6 @@ const metadata: Meta<MenuButtonArgs> = {
             control: false
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         ${disableStorybookZoomTransform}
         <${menuButtonTag}
diff --git a/packages/storybook/src/nimble/menu/menu-matrix.stories.ts b/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
index 303b2a174a..20d2fca58d 100644
--- a/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
+++ b/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
@@ -37,7 +37,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     parentIcon: IconVisibleState,
     [showSubMenu, childIcon, advancedSubMenu]: SubMenuState
diff --git a/packages/storybook/src/nimble/menu/menu.stories.ts b/packages/storybook/src/nimble/menu/menu.stories.ts
index dee075a418..7b1b7b45a9 100644
--- a/packages/storybook/src/nimble/menu/menu.stories.ts
+++ b/packages/storybook/src/nimble/menu/menu.stories.ts
@@ -62,7 +62,6 @@ const metadata: Meta<MenuArgs> = {
 export default metadata;
 
 export const menu: StoryObj<MenuArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${menuTag}>
             ${repeat(x => x.itemOptions, html<ItemArgs>`
@@ -152,7 +151,6 @@ export const menu: StoryObj<MenuArgs> = {
 };
 
 export const menuItem: StoryObj<MenuItemArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${menuTag}>
             <${menuItemTag} ?disabled="${x => x.disabled}">
@@ -192,7 +190,6 @@ export const menuItem: StoryObj<MenuItemArgs> = {
 };
 
 export const anchorMenuItem: StoryObj<AnchorMenuItemArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${menuTag}>
             <${anchorMenuItemTag} ?disabled="${x => x.disabled}" href="${x => x.href}">
@@ -238,7 +235,6 @@ export const anchorMenuItem: StoryObj<AnchorMenuItemArgs> = {
 };
 
 export const nestedMenu: StoryObj<MenuArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <div style="width: 600px; height: 300px;">
             <${menuTag}>
@@ -286,7 +282,6 @@ export const nestedMenu: StoryObj<MenuArgs> = {
 };
 
 export const customMenu: StoryObj<MenuArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style>
             .header-wrapper {
diff --git a/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.stories.ts b/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.stories.ts
index 655c6b5c55..71da6bf282 100644
--- a/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.stories.ts
+++ b/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.stories.ts
@@ -40,7 +40,6 @@ const metadata: Meta<AnchorPatternsArgs> = {
     parameters: {
         actions: {}
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style class='code-hide'>
             .control-container {
diff --git a/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts b/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts
index ec7e066aac..a62c35ba54 100644
--- a/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts
+++ b/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts
@@ -28,7 +28,6 @@ const metadata: Meta<RequiredVisiblePatternArgs> = {
     parameters: {
         actions: {}
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style class='code-hide'>
             .control-container {
diff --git a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
index 0f0a77e4e0..4ce72ee956 100644
--- a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
+++ b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
@@ -57,7 +57,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [footerHiddenName, footerHidden]: FooterHiddenState,
@@ -99,7 +98,6 @@ const longTextPlayFunction = (): void => {
     ));
 };
 
-// prettier-ignore
 const editorSizingTestCase = (
     [widthLabel, widthStyle]: [string, string],
     [heightLabel, heightStyle]: [string, string]
@@ -123,7 +121,6 @@ const editorSizingTestCase = (
     </div>
 `;
 
-// prettier-ignore
 const slotButtonsTextCase = (
     slotButton: SlotButtons
 ): ViewTemplate => html`
@@ -184,7 +181,6 @@ export const slottedButtons: StoryFn = createStory(html`
     ${createMatrix(slotButtonsTextCase, [slotButtons])}
 `);
 
-// prettier-ignore
 const mobileWidthComponent = html`
     <${richTextEditorTag} style="margin: 20px; width: 360px; height: 250px;">
         <${richTextMentionUsersTag} pattern="^user:(.*)">
diff --git a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor.stories.ts b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor.stories.ts
index c3b59af95e..89c7510819 100644
--- a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor.stories.ts
+++ b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor.stories.ts
@@ -94,7 +94,6 @@ const metadata: Meta<RichTextEditorArgs> = {
             handles: ['input']
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
     ${disableStorybookZoomTransform}
     ${incubatingWarning({
diff --git a/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer-matrix.stories.ts b/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer-matrix.stories.ts
index 403187b4c5..358198d0f1 100644
--- a/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer-matrix.stories.ts
+++ b/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer-matrix.stories.ts
@@ -26,7 +26,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (): ViewTemplate => html`
     <${richTextViewerTag} markdown="${_ => richTextMarkdownString}">
         <${richTextMentionUsersTag} pattern="^user:(.*)">
diff --git a/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer.stories.ts b/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer.stories.ts
index 3b66c23581..d6d1ecfd37 100644
--- a/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer.stories.ts
+++ b/packages/storybook/src/nimble/rich-text/viewer/rich-text-viewer.stories.ts
@@ -38,7 +38,6 @@ const dataSets = {
 const metadata: Meta<RichTextViewerArgs> = {
     title: 'Incubating/Rich Text Viewer',
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
     ${incubatingWarning({
         componentName: 'rich text viewer',
diff --git a/packages/storybook/src/nimble/select/select-matrix.stories.ts b/packages/storybook/src/nimble/select/select-matrix.stories.ts
index b32d2912bd..f9b2632294 100644
--- a/packages/storybook/src/nimble/select/select-matrix.stories.ts
+++ b/packages/storybook/src/nimble/select/select-matrix.stories.ts
@@ -58,7 +58,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [manipulationName, _readOnly, disabled, appearanceReadOnly]: ManipulationReadOnlyAbsentState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/select/select-opened-in-div.stories.ts b/packages/storybook/src/nimble/select/select-opened-in-div.stories.ts
index eb6d35caf5..d459b221ff 100644
--- a/packages/storybook/src/nimble/select/select-opened-in-div.stories.ts
+++ b/packages/storybook/src/nimble/select/select-opened-in-div.stories.ts
@@ -20,7 +20,6 @@ const positionStates = [
 ] as const;
 type PositionState = (typeof positionStates)[number];
 
-// prettier-ignore
 const component = ([
     position,
     positionStyle
diff --git a/packages/storybook/src/nimble/select/select-opened-matrix.stories.ts b/packages/storybook/src/nimble/select/select-opened-matrix.stories.ts
index b3ad798987..9db4fd0295 100644
--- a/packages/storybook/src/nimble/select/select-opened-matrix.stories.ts
+++ b/packages/storybook/src/nimble/select/select-opened-matrix.stories.ts
@@ -50,7 +50,6 @@ interface SelectMatrixStoryOptions {
     manyOptions?: boolean;
 }
 
-// prettier-ignore
 const component = ({
     positionState, filterMode, loadingVisible, placeholder, grouped, optionsOutsideGroup, slottedLabel, manyOptions
 }: SelectMatrixStoryOptions): ViewTemplate => html`
diff --git a/packages/storybook/src/nimble/select/select.stories.ts b/packages/storybook/src/nimble/select/select.stories.ts
index 835f16b4b6..4bbcfcd39f 100644
--- a/packages/storybook/src/nimble/select/select.stories.ts
+++ b/packages/storybook/src/nimble/select/select.stories.ts
@@ -138,7 +138,6 @@ When the \`loading-visible\` attribute is set, a loading spinner will be display
 
 const metadata: Meta<SelectArgs> = {
     title: 'Components/Select',
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         ${disableStorybookZoomTransform}
         <${selectTag}
diff --git a/packages/storybook/src/nimble/spinner/spinner-matrix.stories.ts b/packages/storybook/src/nimble/spinner/spinner-matrix.stories.ts
index acf72eea22..5c25d66f58 100644
--- a/packages/storybook/src/nimble/spinner/spinner-matrix.stories.ts
+++ b/packages/storybook/src/nimble/spinner/spinner-matrix.stories.ts
@@ -40,7 +40,6 @@ const metadata: Meta = {
 export default metadata;
 
 // Disable animation in Chromatic because it intermittently causes shapshot differences
-// prettier-ignore
 const component = (
     [stateName, state]: SizeState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/spinner/spinner.stories.ts b/packages/storybook/src/nimble/spinner/spinner.stories.ts
index db594b4b20..d9ff3081d2 100644
--- a/packages/storybook/src/nimble/spinner/spinner.stories.ts
+++ b/packages/storybook/src/nimble/spinner/spinner.stories.ts
@@ -90,7 +90,6 @@ const metadata: Meta<SpinnerArgs> = {
         }
     },
     // Disable animation in Chromatic because it intermittently causes shapshot differences
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${spinnerTag}
             style="${x => spinnerSize[x.size]}; ${isChromatic() ? '--ni-private-spinner-animation-play-state:paused' : ''}"
diff --git a/packages/storybook/src/nimble/switch/switch-matrix.stories.ts b/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
index 5162a57e2a..6355517f65 100644
--- a/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
+++ b/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
@@ -31,7 +31,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [checkedName, checked]: CheckedState,
     [disabledName, disabled]: DisabledState,
@@ -50,7 +49,6 @@ export const themeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [checkedStates, disabledStates, messagesStates])
 );
 
-// prettier-ignore
 export const hidden: StoryFn = createStory(
     hiddenWrapper(
         html`<${switchTag} hidden>Hidden Switch</${switchTag}>`
diff --git a/packages/storybook/src/nimble/switch/switch.stories.ts b/packages/storybook/src/nimble/switch/switch.stories.ts
index fbdcb2463b..7c81368451 100644
--- a/packages/storybook/src/nimble/switch/switch.stories.ts
+++ b/packages/storybook/src/nimble/switch/switch.stories.ts
@@ -26,7 +26,6 @@ const metadata: Meta<SwitchArgs> = {
             handles: ['change']
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${switchTag}
             ?checked="${x => x.checked}"
diff --git a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor-matrix.stories.ts b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor-matrix.stories.ts
index 3423369b8c..35b8da8214 100644
--- a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor-matrix.stories.ts
@@ -60,7 +60,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [appearanceName, appearance]: AppearanceState,
     [underlineHiddenName, underlineHidden]: UnderlineHiddenState,
diff --git a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
index 26fd049d1b..266a3e14e0 100644
--- a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
+++ b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
@@ -26,7 +26,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -115,7 +114,6 @@ interface AnchorColumnTableArgs extends SharedTableArgs {
 
 export const anchorColumn: StoryObj<AnchorColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<AnchorColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/base/table-column.stories.ts b/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
index 4c9576288c..cf79707dd8 100644
--- a/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
+++ b/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
@@ -93,7 +93,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<SharedTableArgs>`
     <${tableTag}
         ${ref('tableRef')}
@@ -264,7 +263,6 @@ export const addingColumns: StoryObj<ColumnOrderTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<ColumnOrderTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
@@ -337,7 +335,6 @@ export const headerContent: StoryObj<HeaderContentTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<HeaderContentTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
@@ -395,7 +392,6 @@ export const columnHidden: StoryObj<ColumnHiddenTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<ColumnHiddenTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
@@ -506,7 +502,6 @@ export const sorting: StoryObj<SortingTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<SortingTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
@@ -695,7 +690,6 @@ export const grouping: StoryObj<GroupingTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<GroupingTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
@@ -820,7 +814,6 @@ export const width: StoryObj<ColumnWidthTableArgs> = {
             }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<ColumnWidthTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text-matrix.stories.ts b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text-matrix.stories.ts
index b8552ccfaf..b389f22da9 100644
--- a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text-matrix.stories.ts
@@ -40,7 +40,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [placeholderName, placeholder]: PlaceholderState
 ): ViewTemplate => html`
diff --git a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
index 51ad62dc91..76b08e2172 100644
--- a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
@@ -66,7 +66,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -119,7 +118,6 @@ Note: The exact formatting of the resulting date time string is browser-specific
 
 export const dateTextColumn: StoryObj<TextColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<TextColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text-matrix.stories.ts b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text-matrix.stories.ts
index d8c2e520c3..28f735348a 100644
--- a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text-matrix.stories.ts
@@ -39,7 +39,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [placeholderName, placeholder]: PlaceholderState
 ): ViewTemplate => html`
diff --git a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
index 778c911b6b..c7b4c3100e 100644
--- a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
@@ -51,7 +51,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -74,7 +73,6 @@ interface TextColumnTableArgs extends SharedTableArgs {
 
 export const durationTextColumn: StoryObj<TextColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<TextColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping-matrix.stories.ts b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping-matrix.stories.ts
index c07301e012..9d6861ab8b 100644
--- a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping-matrix.stories.ts
@@ -52,7 +52,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (): ViewTemplate => html`
     <${tableTag} id-field-name="id" style="height: 600px; ${isChromatic() ? '--ni-private-spinner-animation-play-state:paused' : ''}">
         <${tableColumnMappingTag}
diff --git a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
index a08aeb6bd5..f2c3b517dd 100644
--- a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
+++ b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
@@ -84,7 +84,6 @@ to \`default\`, the column will be resizable and be sized based on its fractiona
 should not be the right-most column in the table.`;
 
 export const mappingColumn: StoryObj<MappingColumnTableArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<MappingColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-matrix.stories.ts b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-matrix.stories.ts
index f2d8308da0..8ec6090b53 100644
--- a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-matrix.stories.ts
@@ -40,7 +40,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (): ViewTemplate => html`
     <${tableTag} id-field-name="id" style="height: 220px">
         <${tableColumnMenuButtonTag}
diff --git a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-opened-matrix.stories.ts b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-opened-matrix.stories.ts
index d9f11d0fad..0fb8de6135 100644
--- a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-opened-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button-opened-matrix.stories.ts
@@ -31,7 +31,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = html`
     <${tableTag} id-field-name="id" style="height: 150px">
         <${tableColumnMenuButtonTag}
diff --git a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
index 84631b6fca..85f40cfc91 100644
--- a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
+++ b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
@@ -220,7 +220,6 @@ const metadata: Meta<SharedTableArgs> = {
             ]
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -266,7 +265,6 @@ interface MenuButtonColumnTableArgs extends SharedTableArgs {
 
 export const menuButtonColumn: StoryObj<MenuButtonColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<MenuButtonColumnTableArgs>`
         ${disableStorybookZoomTransform} 
         <${tableTag}
diff --git a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text-matrix.stories.ts b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text-matrix.stories.ts
index 54c6e00ef6..58ff81aeea 100644
--- a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text-matrix.stories.ts
@@ -47,7 +47,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [alignmentName, alignment]: AlignmentState,
     [placeholderName, placeholder]: PlaceholderState
diff --git a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
index da1232d344..6439f0c2e1 100644
--- a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
@@ -71,7 +71,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -154,7 +153,6 @@ const unitDescription = `A unit for the column may be configured by providing a
 
 export const numberTextColumn: StoryObj<NumberTextColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<NumberTextColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table-column/text/table-column-text-matrix.stories.ts b/packages/storybook/src/nimble/table-column/text/table-column-text-matrix.stories.ts
index a94bfcdce0..523f8ba581 100644
--- a/packages/storybook/src/nimble/table-column/text/table-column-text-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table-column/text/table-column-text-matrix.stories.ts
@@ -44,7 +44,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [placeholderName, placeholder]: PlaceholderState
 ): ViewTemplate => html`
diff --git a/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts b/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
index 433a7ed7fc..d6485d7b3c 100644
--- a/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
@@ -72,7 +72,6 @@ const metadata: Meta<SharedTableArgs> = {
             handles: sharedTableActions
         }
     },
-    // prettier-ignore
     argTypes: {
         ...sharedTableArgTypes,
         selectionMode: {
@@ -98,7 +97,6 @@ interface TextColumnTableArgs extends SharedTableArgs {
 
 export const textColumn: StoryObj<TextColumnTableArgs> = {
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<TextColumnTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/table/table-action-menu-opened-matrix.stories.ts b/packages/storybook/src/nimble/table/table-action-menu-opened-matrix.stories.ts
index 066ef857ef..65fa551fa2 100644
--- a/packages/storybook/src/nimble/table/table-action-menu-opened-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table/table-action-menu-opened-matrix.stories.ts
@@ -38,7 +38,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = html`
     <${tableTag}>
         <${tableColumnTextTag}
diff --git a/packages/storybook/src/nimble/table/table-fit-rows-height-matrix.stories.ts b/packages/storybook/src/nimble/table/table-fit-rows-height-matrix.stories.ts
index 306563ae4a..87a9dfba44 100644
--- a/packages/storybook/src/nimble/table/table-fit-rows-height-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table/table-fit-rows-height-matrix.stories.ts
@@ -44,7 +44,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [_groupingName, groupIndex]: GroupingState,
     [_minColumnWidthName, minColumnWidth]: MinColumnWidthState
diff --git a/packages/storybook/src/nimble/table/table-matrix.stories.ts b/packages/storybook/src/nimble/table/table-matrix.stories.ts
index a8cb8d26ed..a75016ecb6 100644
--- a/packages/storybook/src/nimble/table/table-matrix.stories.ts
+++ b/packages/storybook/src/nimble/table/table-matrix.stories.ts
@@ -100,7 +100,6 @@ const hierarchyStates = [
 ] as const;
 type HierarchyState = (typeof hierarchyStates)[number];
 
-// prettier-ignore
 const component = (
     selectionMode: SelectionModeState,
     [groupedStateName, groupedState]: GroupedState,
diff --git a/packages/storybook/src/nimble/table/table.stories.ts b/packages/storybook/src/nimble/table/table.stories.ts
index 46fb389c36..8ed0724019 100644
--- a/packages/storybook/src/nimble/table/table.stories.ts
+++ b/packages/storybook/src/nimble/table/table.stories.ts
@@ -274,7 +274,6 @@ const fitRowsHeightDescription = `Style the table with ${scssPropertySetterMarkd
 See the **Sizing** section for information on sizing the table.`;
 
 export const table: StoryObj<TableArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<TableArgs>`
         <style class="code-hide">
             nimble-table {
@@ -529,7 +528,6 @@ interface DelayedHierarchyTableArgs extends BaseTableArgs {
 }
 
 export const delayedHierarchy: Meta<DelayedHierarchyTableArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html<DelayedHierarchyTableArgs>`
         <${tableTag}
             ${ref('tableRef')}
diff --git a/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts b/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
index 3eb0973c76..cc2c02b191 100644
--- a/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
+++ b/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
@@ -66,7 +66,6 @@ export default metadata;
 const widthStates = ['', '250px'] as const;
 type WidthState = (typeof widthStates)[number];
 
-// prettier-ignore
 const component = (
     toolbar: TabsToolbarState,
     [disabledName, disabled]: DisabledState,
diff --git a/packages/storybook/src/nimble/tabs/tabs.stories.ts b/packages/storybook/src/nimble/tabs/tabs.stories.ts
index b059a9f68a..83936e3c8e 100644
--- a/packages/storybook/src/nimble/tabs/tabs.stories.ts
+++ b/packages/storybook/src/nimble/tabs/tabs.stories.ts
@@ -88,7 +88,6 @@ const tabSets = {
 export default metadata;
 
 export const tabs: StoryObj<TabsArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${tabsTag} activeid="${x => x.activeid}">
         ${repeat(x => (tabSets[x.tabsType] as TabArgs[]), html<TabArgs>`
@@ -148,7 +147,6 @@ export const tabs: StoryObj<TabsArgs> = {
 };
 
 export const tab: StoryObj<TabArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${tabsTag}>
             <${tabTag} id="1" ?disabled="${x => x.disabled}">Tab One</${tabTag}>
@@ -181,7 +179,6 @@ export const tab: StoryObj<TabArgs> = {
 };
 
 export const tabPanel: StoryObj<TabPanelArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${tabsTag}>
             <${tabTag}>Tab One</${tabTag}>
@@ -203,7 +200,6 @@ export const tabPanel: StoryObj<TabPanelArgs> = {
 };
 
 export const tabToolbar: StoryObj<ToolbarArgs> = {
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${tabsTag} style="width: 800px;">
             <${tabsToolbarTag}>
diff --git a/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts b/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
index 1849021a80..85bd48e00f 100644
--- a/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
+++ b/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
@@ -86,7 +86,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [_manipulationName, readOnly, disabled, appearanceReadOnly]: ManipulationState,
     [_showActionButtonsName, showActionButtons]: ActionButtonState,
@@ -132,7 +131,6 @@ const component = (
     </${textFieldTag}>
 `;
 
-// prettier-ignore
 const requiredVisibleStatesComponent = (
     [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [appearanceName, appearance]: AppearanceState,
diff --git a/packages/storybook/src/nimble/text-field/text-field.stories.ts b/packages/storybook/src/nimble/text-field/text-field.stories.ts
index cc81bcd878..979082f757 100644
--- a/packages/storybook/src/nimble/text-field/text-field.stories.ts
+++ b/packages/storybook/src/nimble/text-field/text-field.stories.ts
@@ -61,7 +61,6 @@ const metadata: Meta<TextFieldArgs> = {
             handles: ['change', 'input']
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${textFieldTag}
             placeholder="${x => x.placeholder}"
diff --git a/packages/storybook/src/nimble/theme-provider/color.stories.ts b/packages/storybook/src/nimble/theme-provider/color.stories.ts
index ec94e062d5..d5a0aed90d 100644
--- a/packages/storybook/src/nimble/theme-provider/color.stories.ts
+++ b/packages/storybook/src/nimble/theme-provider/color.stories.ts
@@ -64,7 +64,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 export const baseColors: StoryObj = {
     parameters: {
         controls: { hideNoControlsWarning: true }
diff --git a/packages/storybook/src/nimble/theme-provider/size-ramp.stories.ts b/packages/storybook/src/nimble/theme-provider/size-ramp.stories.ts
index a258f8f254..fbed7b75d8 100644
--- a/packages/storybook/src/nimble/theme-provider/size-ramp.stories.ts
+++ b/packages/storybook/src/nimble/theme-provider/size-ramp.stories.ts
@@ -52,7 +52,6 @@ const computedCSSValueFromTokenName = (tokenName: string): string => {
     );
 };
 
-// prettier-ignore
 export const sizeRampTokens: StoryObj<TokenArgs> = {
     parameters: {
         controls: { hideNoControlsWarning: true }
diff --git a/packages/storybook/src/nimble/theme-provider/template.ts b/packages/storybook/src/nimble/theme-provider/template.ts
index cb6c621e22..dd572c6500 100644
--- a/packages/storybook/src/nimble/theme-provider/template.ts
+++ b/packages/storybook/src/nimble/theme-provider/template.ts
@@ -122,7 +122,6 @@ const templateForTokenName = (
     return template;
 };
 
-// prettier-ignore
 export const component = html<TokenArgs>`
     <style>
         table {
diff --git a/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts b/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
index 58d0026c98..0d0610b599 100644
--- a/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
@@ -43,7 +43,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [iconVisible, labelVisible, endIconVisible]: PartVisibilityState,
     [checkedName, checked]: CheckedState,
diff --git a/packages/storybook/src/nimble/toggle-button/toggle-button.stories.ts b/packages/storybook/src/nimble/toggle-button/toggle-button.stories.ts
index e74e90db5d..f7064def92 100644
--- a/packages/storybook/src/nimble/toggle-button/toggle-button.stories.ts
+++ b/packages/storybook/src/nimble/toggle-button/toggle-button.stories.ts
@@ -100,7 +100,6 @@ const metadata: Meta<ToggleButtonArgs> = {
             control: false
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${toggleButtonTag}
             ?checked="${x => x.checked}"
diff --git a/packages/storybook/src/nimble/toolbar/toolbar-matrix.stories.ts b/packages/storybook/src/nimble/toolbar/toolbar-matrix.stories.ts
index aabb3c5b5d..efca0af895 100644
--- a/packages/storybook/src/nimble/toolbar/toolbar-matrix.stories.ts
+++ b/packages/storybook/src/nimble/toolbar/toolbar-matrix.stories.ts
@@ -25,7 +25,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = html`
     <${toolbarTag}>
         <${buttonTag} appearance="ghost" slot="start">
diff --git a/packages/storybook/src/nimble/toolbar/toolbar.stories.ts b/packages/storybook/src/nimble/toolbar/toolbar.stories.ts
index cc9ed7efc2..7076225e2c 100644
--- a/packages/storybook/src/nimble/toolbar/toolbar.stories.ts
+++ b/packages/storybook/src/nimble/toolbar/toolbar.stories.ts
@@ -20,7 +20,6 @@ interface ToolbarArgs {
 const metadata: Meta<ToolbarArgs> = {
     title: 'Components/Toolbar',
     parameters: {},
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${toolbarTag}>
             <${buttonTag} appearance="ghost" slot="start">
diff --git a/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts b/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
index 28734a05a0..0dc2e851e0 100644
--- a/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
+++ b/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
@@ -41,7 +41,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [disabledName, disabled]: DisabledState,
     [expandedName, expanded]: ExpandedState,
diff --git a/packages/storybook/src/nimble/tree-view/tree-view.stories.ts b/packages/storybook/src/nimble/tree-view/tree-view.stories.ts
index b2088c0303..afb5d00268 100644
--- a/packages/storybook/src/nimble/tree-view/tree-view.stories.ts
+++ b/packages/storybook/src/nimble/tree-view/tree-view.stories.ts
@@ -94,7 +94,6 @@ export const treeItem: StoryObj<ItemArgs> = {
             table: { category: apiCategory.attributes }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${treeViewTag}>
             <${treeItemTag} ?expanded="${x => x.expanded}" ?selected="${x => x.selected}" ?disabled="${x => x.disabled}">
@@ -153,7 +152,6 @@ export const anchorTreeItem: StoryObj<AnchorItemArgs> = {
             table: { category: apiCategory.slots }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${treeViewTag}>
             <${anchorTreeItemTag} ?selected="${x => x.selected}" ?disabled="${x => x.disabled}" href="${x => x.href}">
@@ -198,7 +196,6 @@ export const multipleTreeItems: StoryObj<TreeArgs> = {
             table: { category: apiCategory.events }
         }
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <${treeViewTag} selection-mode="${x => x.selectionMode}">
             ${repeat(x => x.options, html<ItemArgs>`
diff --git a/packages/storybook/src/spright/chat/conversation/chat-conversation-matrix.stories.ts b/packages/storybook/src/spright/chat/conversation/chat-conversation-matrix.stories.ts
index 7b64038be4..73c7b1e7ca 100644
--- a/packages/storybook/src/spright/chat/conversation/chat-conversation-matrix.stories.ts
+++ b/packages/storybook/src/spright/chat/conversation/chat-conversation-matrix.stories.ts
@@ -144,7 +144,6 @@ const endButtonStates = [
 ] as const;
 type EndButtonStates = (typeof endButtonStates)[number];
 
-// prettier-ignore
 const slottedButtons = (
     [_messageTypeLabel, messageType]: MessageTypeStates,
     [footerActionsLabel, footerActions]: FooterActionsStates,
@@ -201,7 +200,6 @@ const heightStates = [
 ] as const;
 type HeightStates = (typeof heightStates)[number];
 
-// prettier-ignore
 const conversationWithInput = (
     [heightLabel, height]: HeightStates,
 ): ViewTemplate => html`
diff --git a/packages/storybook/src/spright/chat/conversation/chat-conversation.stories.ts b/packages/storybook/src/spright/chat/conversation/chat-conversation.stories.ts
index 7c1be2d201..54c431f84c 100644
--- a/packages/storybook/src/spright/chat/conversation/chat-conversation.stories.ts
+++ b/packages/storybook/src/spright/chat/conversation/chat-conversation.stories.ts
@@ -52,7 +52,6 @@ export const chatConversation: StoryObj<ChatConversationArgs> = {
     parameters: {
         actions: {}
     },
-    // prettier-ignore
     render: createUserSelectedThemeStory(html`
         <style class='code-hide'>
             ${chatConversationTag} {
diff --git a/packages/storybook/src/spright/chat/input/chat-input-matrix.stories.ts b/packages/storybook/src/spright/chat/input/chat-input-matrix.stories.ts
index f9e625e54e..4032e96a8f 100644
--- a/packages/storybook/src/spright/chat/input/chat-input-matrix.stories.ts
+++ b/packages/storybook/src/spright/chat/input/chat-input-matrix.stories.ts
@@ -39,7 +39,6 @@ const metadata: Meta = {
 
 export default metadata;
 
-// prettier-ignore
 const component = (
     [valueLabel, value]: ValueState,
     [placeholderLabel, placeholder]: PlaceholderState
@@ -74,7 +73,6 @@ export const textCustomized: StoryFn = createMatrixThemeStory(
     textCustomizationWrapper(html`<${chatInputTag}></${chatInputTag}>`)
 );
 
-// prettier-ignore
 const componentWithPlaceholder = (
     [_, placeholder]: PlaceholderState
 ): ViewTemplate => html`
diff --git a/packages/storybook/src/spright/chat/message/chat-message.stories.ts b/packages/storybook/src/spright/chat/message/chat-message.stories.ts
index e2d1450f4b..f3731c8458 100644
--- a/packages/storybook/src/spright/chat/message/chat-message.stories.ts
+++ b/packages/storybook/src/spright/chat/message/chat-message.stories.ts
@@ -64,7 +64,6 @@ interface ChatMessageTextArgs extends ChatMessageArgs {
     text: string;
 }
 
-// prettier-ignore
 export const chatMessageText: StoryObj<ChatMessageTextArgs> = {
     render: createUserSelectedThemeStory(html`
         <${chatMessageTag} message-type="${x => ChatMessageType[x.messageType]}">
@@ -108,7 +107,6 @@ interface ChatMessageRichTextArgs extends ChatMessageArgs {
     markdown: string;
 }
 
-// prettier-ignore
 export const chatMessageRichText: StoryObj<ChatMessageRichTextArgs> = {
     render: createUserSelectedThemeStory(html`
         <${chatMessageTag} message-type="${x => ChatMessageType[x.messageType]}">
@@ -147,7 +145,6 @@ export const chatMessageRichText: StoryObj<ChatMessageRichTextArgs> = {
     }
 };
 
-// prettier-ignore
 export const chatMessageSpinner: StoryObj<ChatMessageArgs> = {
     render: createUserSelectedThemeStory(html`
         <${chatMessageTag} message-type="${x => ChatMessageType[x.messageType]}">
@@ -182,7 +179,6 @@ export const chatMessageSpinner: StoryObj<ChatMessageArgs> = {
     }
 };
 
-// prettier-ignore
 export const chatMessageImage: StoryObj<ChatMessageArgs> = {
     render: createUserSelectedThemeStory(html`
         <${chatMessageTag} message-type="${x => ChatMessageType[x.messageType]}">
diff --git a/packages/storybook/src/utilities/matrix.ts b/packages/storybook/src/utilities/matrix.ts
index 4ed55f4b1c..8c024b9f33 100644
--- a/packages/storybook/src/utilities/matrix.ts
+++ b/packages/storybook/src/utilities/matrix.ts
@@ -61,7 +61,6 @@ function createMatrixFromStates<T extends readonly unknown[]>(
     component: (...states: T) => ViewTemplate,
     states: T[]
 ): ViewTemplate {
-    // prettier-ignore
     return html`
     ${repeat(() => states, html`
         ${(x: T): ViewTemplate => component(...x)}
@@ -123,7 +122,6 @@ export function createMatrixInteractionsFromStates<
         focus: TFocus[]
     }
 ): ViewTemplate {
-    // prettier-ignore
     return html`
     <div style="
         font: var(${bodyFont.cssCustomProperty});

From 378f04ba2e740161d8d175ae5ca5973205d4df3e Mon Sep 17 00:00:00 2001
From: rajsite <1588923+rajsite@users.noreply.github.com>
Date: Fri, 5 Dec 2025 18:12:00 -0600
Subject: [PATCH 2/2] Change files

---
 ...le-components-528ab765-3a2c-473d-91bc-293c8a0ff5b9.json | 7 +++++++
 ...ht-components-fdb8bf36-1926-4a30-bb8f-94e6554ef0e7.json | 7 +++++++
 2 files changed, 14 insertions(+)
 create mode 100644 change/@ni-nimble-components-528ab765-3a2c-473d-91bc-293c8a0ff5b9.json
 create mode 100644 change/@ni-spright-components-fdb8bf36-1926-4a30-bb8f-94e6554ef0e7.json

diff --git a/change/@ni-nimble-components-528ab765-3a2c-473d-91bc-293c8a0ff5b9.json b/change/@ni-nimble-components-528ab765-3a2c-473d-91bc-293c8a0ff5b9.json
new file mode 100644
index 0000000000..6a3f799053
--- /dev/null
+++ b/change/@ni-nimble-components-528ab765-3a2c-473d-91bc-293c8a0ff5b9.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Remove prettier inline disables and update docs",
+  "packageName": "@ni/nimble-components",
+  "email": "1588923+rajsite@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@ni-spright-components-fdb8bf36-1926-4a30-bb8f-94e6554ef0e7.json b/change/@ni-spright-components-fdb8bf36-1926-4a30-bb8f-94e6554ef0e7.json
new file mode 100644
index 0000000000..8dae504677
--- /dev/null
+++ b/change/@ni-spright-components-fdb8bf36-1926-4a30-bb8f-94e6554ef0e7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Remove prettier inline disables and update docs",
+  "packageName": "@ni/spright-components",
+  "email": "1588923+rajsite@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}