Nesting

Nesting shortcodes
Container in a container.
<container fluid>
  <div ui fluid container>Container in a container.</div>
</container>
Notes
A shortcode cannot contain another instance of itself, so a div shortcode with Semantic UI classes can be used as a substitute. For most shortcodes the Semantic UI class syntax can be achieved by using the shortcode name as the last class and prepending the 'ui' class.
Nesting shortcodes
Container in a container.
<container>
  <ui container>Container in a container.</ui>
</container>
Notes
'ui' shortcode is same as 'div', except the .ui class is prepended by default.
Same shortcodes can also nest by using the custom prefix specified at Chap Theme -> Chap Shortcodes -> Prefix option on one of the shortcodes. A third level of nesting can be achieved by using the default prefix of Chap Shortcodes plugin csc- although that may cause conflicts in some instances.

Leave a comment

Your email address will not be published. Required fields are marked *