{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>code</code> component displays code blocks with appropriate
        formatting and syntax highlighting. Code components are important for
        documentation, technical content, and any situation where users need to
        view or copy code snippets.
    </p>

    <p>
        Code components handle various aspects of code display including syntax
        highlighting for different programming languages, line numbering when
        appropriate, and proper formatting that preserves code structure. The component
        ensures code remains readable and accessible while providing features like
        copy-to-clipboard functionality that enhance the user experience for technical
        content.
    </p>

{%- endblock %}