Changed Rich Text Viewer markdown property to an attribute

The markdown property cannot be set from Blazor since Blazor does not support setting properties. To make available in Blazor, it needs to be an attribute and thus the reason for the change.
ni · Feb 21, 2025 · fb4f84a · fb4f84a
1 parent 3989996
commit fb4f84a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/nimble-components/src/rich-text/viewer/index.ts b/packages/nimble-components/src/rich-text/viewer/index.ts
@@ -1,5 +1,5 @@
 import { DesignSystem } from '@microsoft/fast-foundation';
-import { observable } from '@microsoft/fast-element';
+import { attr } from '@microsoft/fast-element';
 import { template } from './template';
 import { styles } from './styles';
 import { RichTextMarkdownParser } from '../models/markdown-parser';
@@ -19,8 +19,10 @@ export class RichTextViewer extends RichText {
      *
      * @public
      * Markdown string to render its corresponding rich text content in the component.
+     * @remarks
+     * HTML Attribute: markdown
      */
-    @observable
+    @attr
     public markdown = '';
 
     /**

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
@@ -60,7 +60,7 @@ const metadata: Meta<RichTextViewerArgs> = {
         markdown: {
             description:
                 'Input markdown string for the supported text formatting options in a [CommonMark](https://commonmark.org/) flavor.',
-            table: { category: apiCategory.nonAttributeProperties }
+            table: { category: apiCategory.attributes }
         },
         data: {
             name: 'default',