Content

Customization	Reference
HTML selector	🔧 [data-arts-component-name="Content"]
Component source	📄 HTML/js/components/Content.js
Component source (gulp)	📄 SOURCE/components/content/Content.js

Default Options

defaults: {
  
}

HTML Markup

<div
  class="content"
  data-arts-component-name="Content"
  data-arts-component-options="{}"
  data-arts-os-animation="true"
>
  <div data-arts-split-text-preset="animatedChars">
  <h1>Heading</h1>
  </div>
  <div data-arts-split-text-preset="animatedLines">
  <h4>Subheading with <u>outline</u></h4>
  </div>
  <div data-arts-split-text-preset="animatedLines">
  <p>Regular text animated by lines</p>
  </div>
</div>