Code Snippet

Code block with copy button and language badge.

python 4 params

pip install djust

Arguments

code_snippet(code='pip install djust', language='bash')

Usage

views.py

from djust import LiveView
from djust.components import CodeSnippet


class MyView(LiveView):
    template_name = "my_template.html"

    def mount(self, request, **kwargs):
        self.component = CodeSnippet(code='pip install djust', language='bash')

my_template.html

{{ component }}

Needs its script on the page: <script src="{% static 'djust_components/code-snippet.js' %}"></script>. djust ships it; without it the markup renders but does not update in the browser.

Parameters

Name	Type	Default
code	str	''
language	str	''
custom_class	str	''
**kwargs	— passed to `Component.__init__`: `name=` identifies the instance in the events it sends, `id=` sets `component.id`, and any other keyword is kept as state	—

Source & styles

File	Path	Notes
module	djust.components.components.code_snippet	Subclass it, or pass custom_class, to change how it renders.
css	djust_components/components.css	Defines 6 of this component's classes at line 1252, 1253, 1254, 1255, 1257, 1258. Override those rules, or the custom properties they read, in a stylesheet loaded after it.
css	djust_theming/catalogue.css	Defines 3 of this component's classes at line 175, 176. Override those rules, or the custom properties they read, in a stylesheet loaded after it.

Code Snippet

Preview

Usage

Parameters