ComboStrap UI - File


The file component is a component that represents the content of a file.

It's a prism component that add:

  • syntax highlighting
  • and clipboard copy


You can create block of code like this one:

# Markdown header

The `file` component:

  * takes over the manipulation of the default [dokuwiki file block](
  * is a wrapper around the [Prism component](/prism) to add:
      * syntax highlighting
      * clipboard copy


This is a Prism component and follows the prism syntax. You should then check the prism syntax documentation for all details.


Enable / Disable

The file_enable configuration permits to enable / disable this component.

If the component is disable, the dokuwiki file block is applied.


This component gets the theme chosen

For custom css style, there is also an extra userstyle class created on the pre element with the pref suffix. This element contains the code and the button.


  • Change the background color of file.
    background-color: #e9ecef !important;
Powered by ComboStrap