@forter/html-viewer

fc-html-viewer

Display themed syntax highlighted HTML.

⚠️⚠️ This component is deprecated and might be unstable. please use fc-highlight. ⚠️⚠️

Usage

<script>
   import '@forter/html-viewer';
</script>

<fc-html-viewer>
   <fc-avatar attr="test"></fc-avatar>
</fc-html-viewer>

Slots

Name	Description
	markup of HTML to prettify. example: <fc-avatar abbr="test"></fc-avatar>

CSS Custom Properties

Property	Description
--fc-html-viewer-attr-color	attr color. example: var(--yellow-9), default: var(--orange-9)
--fc-html-viewer-null-color	null color. example: var(--yellow-9), default: var(--red-9)
--fc-html-viewer-tag-color	tag color. example: var(--yellow-9), default: var(--green-9)
--fc-html-viewer-value-color	value color. example: var(--yellow-9), default: var(--cyan-9)