dependencies {    implementation("com.mikepenz:multiplatform-markdown-renderer:${version}")// Offers Material 2 defaults for Material 2 themed apps (com.mikepenz.markdown.m2.Markdown)    implementation("com.mikepenz:multiplatform-markdown-renderer-m2:${version}")// Offers Material 3 defaults for Material 3 themed apps (com.mikepenz.markdown.m3.Markdown)    implementation("com.mikepenz:multiplatform-markdown-renderer-m3:${version}")}

dependencies {    implementation("com.mikepenz:multiplatform-markdown-renderer-jvm:${version}")}

dependencies {    implementation("com.mikepenz:multiplatform-markdown-renderer-android:${version}")}

Provided custom style

Markdown(    content,    colors= markdownColors(text=Color.Red),    typography= markdownTypography(h1=MaterialTheme.typography.body1))

Extended spans

Markdown(    content,    extendedSpans= markdownExtendedSpans {val animator= rememberSquigglyUnderlineAnimator()        remember {ExtendedSpans(RoundedCornerSpanPainter(),SquigglyUnderlineSpanPainter(animator= animator)            )        }    })

Extend Annotated string handling

Markdown(    content,    annotator= markdownAnnotator { content, child->if (child.type==GFMElementTypes.STRIKETHROUGH) {            append("Replaced you :)")true// return true to consume this ASTNode child        }elsefalse    })

Adjust List Ordering

// Use the bullet list symbol from the original markdownCompositionLocalProvider(LocalBulletListHandler provides {"$it" }) {Markdown(content)}// Replace the ordered list symbol with `A.)` instead.CompositionLocalProvider(LocalOrderedListHandler provides {"A.)" }) {Markdown(content,Modifier.fillMaxSize().padding(16.dp).verticalScroll(scrollState))}

Custom Components

// Simple adjusted paragraph with different Modifier.val customParagraphComponent:MarkdownComponent= {MarkdownParagraph(it.content, it.node,Modifier.align(Alignment.End))}// Full custom paragraph exampleval customParagraphComponent:MarkdownComponent= {// build a styled paragraph. (util function provided by the library)val styledText= buildAnnotatedString {        pushStyle(LocalMarkdownTypography.current.paragraph.toSpanStyle())        buildMarkdownAnnotatedString(content, it.node)        pop()    }// define the `Text` composableText(        styledText,        modifier=Modifier.align(Alignment.End),        textAlign=TextAlign.End    )}// Define the `Markdown` composable and pass in the custom paragraph componentMarkdown(    content,    components= markdownComponents(        paragraph= customParagraphComponent    ))

// Define a custom component for rendering unordered list items in Markdownval customUnorderedListComponent:MarkdownComponent= {// Use the MarkdownListItems composable to render the list itemsMarkdownListItems(it.content, it.node, level=0) { index, child->// Create a row layout for each list item with spacing between elementsRow(Modifier.fillMaxWidth(), horizontalArrangement=Arrangement.spacedBy(8.dp)) {// Render an icon for the bullet point with a green tintIcon(                imageVector= icon,                tint=Color.Green,                contentDescription=null,                modifier=Modifier.size(20.dp),            )// Extract the bullet marker text from the child nodeval bulletMarker:String= child.findChildOfType(MarkdownTokenTypes.LIST_BULLET)?.getTextInNode(it.content).toString()// Extract the item text and remove the bullet marker from itval itemText= child.getTextInNode(it.content).toString().replace(bulletMarker,"")// Render the item text using the MarkdownText composableMarkdownText(content= itemText)        }    }}// Define the `Markdown` composable and pass in the custom unorderedList componentMarkdown(    content,    components= markdownComponents(        unorderedList= customUnorderedListComponent    ))