<script type="module">
import dlcCssTerminal from 'https://cdn.skypack.dev/dlc-css-terminal';
</script>
README
CSS Terminal
CSS Terminal is a web component which lets you simulate a terminal printing commands and results in your browser. All the transitions and animations are done with CSS - very few JavaScript was used, only for the web components creation!
Put this script <script src='https://unpkg.com/dlc-css-terminal@latest/dist/dlc-css-terminal/dlc-css-terminal.js'></script> in the head of your index.html
Then you can use the element anywhere in your template, JSX, html etc
Node Modules
Run npm i dlc-css-terminal --save
Put a script tag similar to this <script src='node_modules/dlc-css-terminal/dist/dlc-css-terminal.js'></script> in the head of your index.html
Then you can use the element anywhere in your template, JSX, html etc
In a stencil-starter app
Run npm i dlc-css-terminal --save
Add an import to the npm packages import dlc-css-terminal;
Then you can use the element anywhere in your template, JSX, html etc
Using this web component
Once you have imported the web component within your project, you simply use it in yout HTML! Actually, two web components need to be used in order to achieve the desired results: <dlc-cssterminal> and <dlc-cssterminal-block>.
As you can see, both the dlc-cssterminal and dlc-cssterminal-block are needed in order to successfully build our terminal. Check out the documentation of their properties in the own documentation of each component: