Fix NcRichText example

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
nextcloud-libraries · Mar 1, 2023 · d93daf2 · d93daf2
1 parent aefe994
commit d93daf2
Showing 1 changed file with 4 additions and 16 deletions.
diff --git a/src/components/NcRichText/NcRichText.vue b/src/components/NcRichText/NcRichText.vue
@@ -25,20 +25,8 @@
 	<template>
 		<div>
 			<textarea v-model="text" />
-
-			<p>
-				<label for="autolink">
-					<input id="autolink" v-model="autolink" type="checkbox">
-					Autolink
-				</label>
-			</p>
-
-			<p>
-				<label for="useMarkdown">
-					<input id="useMarkdown" v-model="useMarkdown" type="checkbox">
-					Use Markdown
-				</label>
-			</p>
+			<NcCheckboxRadioSwitch :checked.sync="autolink" type="checkbox">Autolink</NcCheckboxRadioSwitch>
+			<NcCheckboxRadioSwitch :checked.sync="useMarkdown" type="checkbox">Use Markdown</NcCheckboxRadioSwitch>
 
 			<NcRichText
 				:text="text" :autolink="autolink" :arguments="args"
@@ -53,11 +41,11 @@
 
 	Some examples for markdown syntax: **bold text** *italic text* ~~strikethrough~~`,
 				autolink: true,
-				useMarkdown: false,
+				useMarkdown: true,
 				args: {
 					file: 'MyDocument.odt',
 					username: {
-						component: NcUserBubble,
+						component: 'NcUserBubble',
 						props: {
 							displayName: 'Jane Doe'
 						}