Mixin Component container for content
mixin Title({ level = 'h1', modifier = '', js=false })
-const classComponent = setClass('title', modifier, js)
#{level}(class=classComponent)
block
+Title({})
p Hello world
<h1 class="af-title">
<p>Hello world</p>
</h1>
+Title({ modifier:'red' })
p Hello world
<h1 class="af-title af-title--red">
<p>Hello world</p>
</h1>
+Title({ js:true })
p Hello world
<h1 class="af-title js-title">
<p>Hello world</p>
</h1>
+Title({ level: 'h2' })
p Hello world
<h2 class="af-title">
<p>Hello world</p>
</h2>
You can mixed properties