---json
{
    "page_id": "bt673870d6acrepyn7qr4"
}
---

====== ComboStrap UI - Console ======



===== About =====
The ''console'' component is just a semantic layer above the [[docs:utility:prism|prism component]].

It's to indicate that this is the  output of a command line (and not a file).

You can create block like this one:

<console>
total 32
drwxrwx---  4 www-user www-user  156 Jun 10  2020 acl
-rwxrwx---  1 www-user www-user   71 Jun 10  2020 action.php
-rwxrwx---  1 www-user www-user   71 Jun 10  2020 admin.php
drwxrwx---  5 www-user www-user  101 Jun 10  2020 authad
drwxrwx---  4 www-user www-user   69 Jun 10  2020 authldap
drwxrwx---  4 www-user www-user   30 Jun 10  2020 authmysql
</console>



===== Syntax =====
This is a [[docs:utility:prism|Prism component]] and follows its [[docs:utility:prism#syntax]]

See [[docs:utility:prism#syntax|prism syntax]]







===== Configuration =====


==== Theme ====

This component:
  * gets the [[docs:utility:prism|theme]]  chosen
  * and all [[release:deprecated:userstyle|userstyle]] applied to the elements ''pre'' and ''code'' with the class ''combo_console''


Example:
<code css conf/userstyle.css>
code.combo_console{
    color: #333 !important;
}
pre.combo_console{
    background-color: #e9ecef !important;
}
</code>