Text combinations such as headings with icons, dividers or subtitles...

<[[+level]] class="ui [[+alignment]] header">
    [[+value]]
    <div class="sub header">[[+subtitle]]</div>
</[[+level]]>Source

B Heading (with Subtitle)

<[[+level]] id="[[+value:stripAsAlias]]" class="ui [[+alignment]] header">
    [[+value]]
    <a class="anchor" href="[[~[[*id]]]]#[[+value:stripAsAlias:lcase]]"><i class="small linkify icon"></i></a>
</[[+level]]>Source

F stripAsAlias

O toolbarPattern O toolbarPatternElectron

<[[+title_hierarchy]] class="ui [[+classes]] header">
    [[+[[+title_field]]:empty=`[[+pagetitle]]`]]
    <div class="sub header">
        [[+longtitle:empty=`[[+pagetitle]]`]]
    </div>
</[[+title_hierarchy]]>Source

M overviewRowBasic M overviewRowBasicCard M overviewRowBasicCompact M overviewRowBasicLinkCard M overviewRowImageBasic M overviewRowImageLeftCard M overviewRowImageTopCard M overviewRowImageTopLinkCard M overviewRowOrganizationBasic M overviewRowProjectTile

<[[+title_hierarchy]] class="ui [[+classes]] header">
    <a href="[[~[[+id]]]]">[[+[[+title_field]]:empty=`[[+pagetitle]]`]]</a>
    <div class="sub header">
        [[+longtitle:empty=`[[+pagetitle]]`]]
    </div>
</[[+title_hierarchy]]>Source

M overviewRowBasic M overviewRowBasicCard M overviewRowBasicCompact M overviewRowImageLeftCard M overviewRowImageTopCard M overviewRowOrganizationBasic

<[[+level]] class="ui [[+alignment]] [[+icon_position]] header">
    <i class="[[+icon_circular:is=`1`:then=`circular`]] [[+icon_class]]"></i>
    <div class="content">
        [[+value]]
        [[+subtitle:notempty=`<div class="sub header">[[+subtitle]]</div>`]]
    </div>
</[[+level]]>Source

B Heading (with Font icon)

<[[+level]] class="ui [[+alignment]] [[+icon_position]] header">
    <img class="ui image" src="[[+url]]" alt="[[+alt:htmlent]]">
    <div class="content">
        [[+value]]
        [[+subtitle:notempty=`<div class="sub header">[[+subtitle]]</div>`]]
    </div>
</[[+level]]>Source

B Heading (with SVG icon)

<a href="[[+link]]">
    [[$imageBasic]]
</a>Source

A imageBasic

B Image (with Link)

<h4 class="ui [[+divider_section:is=`1`:then=`section`]] horizontal divider header">
    [[+divider_icon_class:notempty=`<i class="[[+divider_text:empty=`fitted`]] [[+divider_icon_circular:is=`1`:then=`circular`]] [[+divider_icon_class]]"></i>`]]
    [[+divider_text:notempty=`[[+divider_text]]`]]
</h4>Source

T ArticleTraditional B Divider (with Heading)

richTextMessage

<div class="ui [[+size]] [[+message_type]] message">
    [[+close:is=`1`:then=`<i class="close icon"></i>`:else=``]]
    [[+heading:notempty=`<div class="header">[[+heading]]</div>`]]
    [[+content:replace=`<ul>==<ul class="list">`]]
</div>Source

B Message

<pre><code class="language-[[+lang]]">[[+value]]</code>[[+label:notempty=`<div class="ui small top right attached label">[[+label]]<i class="copy link icon with popup" data-content="[[%romanesco.patterns.copy_tooltip]]"></i></div>`]]</pre>Source

M cbLayoutPatternPreview B Code (Execute)

headingBasicSubtitle

Contains the following patterns

Included in the following patterns

headingBasicAnchor

Contains the following patterns

Included in the following patterns

headingHierarchySubtitle

Contains the following patterns

Included in the following patterns

headingHierarchySubtitleLink

Contains the following patterns

Included in the following patterns

headerIconFont

Contains the following patterns

Included in the following patterns

headerIconSVG

Contains the following patterns

Included in the following patterns

imageBasicLink

Contains the following patterns

Included in the following patterns

dividerHeading

Contains the following patterns

Included in the following patterns

richTextMessage

Contains the following patterns

Included in the following patterns

codeSnippet

Contains the following patterns

Included in the following patterns

Voorspellingen 2018

Contentmarketing

Digitale marketing

E-mailmarketing