Add InlineCodeHighlight component

[Godisemo]

#481

[github-actions]

Test Environment for snehilvj/dash-mantine-components-483
Updated on: 2025-01-20 18:52:53 UTC

[AnnMarieW]

This is perfect! Thanks so much @Godisemo 🏅

No test required because it's just pass through props. I'll tag Alex for a review - it's always good to have another set of eyes on a PR, but this will make the next release as well.

Before this is merged, please restore the original app in the PR folder. That app is a boilerplate sample app with instructions on how to use the link generated by PyCafe with the Test Environment for this PR

It's OK to include a minimal sample app for the in the comments like this.

import dash_mantine_components as dmc
from dash import Dash, _dash_renderer

_dash_renderer._set_react_version("18.2.0")

app = Dash(external_stylesheets=dmc.styles.ALL)

app.layout = dmc.MantineProvider(
    [
        dmc.Text(
            [
                "You can highlight code inline ",
                dmc.InlineCodeHighlight(
                    code='<InlineCodeHighlight code="" language="tsx" />',
                    language="tsx",
                ),
                " Is not that cool?",
            ]
        )
    ]
)


if __name__ == "__main__":
    app.run(debug=True)

[alexcjohnson]

💃 LGTM!