o define a ''ratio''
* extended with the [[docs:styling:styling|styling attributes]]
<code dw>
{{[ ]path?WxH&ratio=w:h&nolink&att=value[ ]}}
</code>
where:
* ''path'' ... ement of the image (left, center, or right [[docs:styling:float|float]])
* ''nolink'' will not add a [[#i
is shown in ''red''. You can even use the [[docs:styling:styling|styling attributes]]
* Example:
<webcode name="Default" frameborder=0>
<code dw>
Links to [[#|existing ... y a ''wikiName'' (ie website name)
Syntax:
<code html>
wikiName>path?query#fragment
</code>
For instan
de>
</webcode>
==== Spacing ====
* With [[docs:styling:spacing|spacing]]
<webcode name="Button">
<code d... ode>
</webcode>
==== Colors ====
* With [[docs:styling:color|colors]]
<webcode name="Button">
<code dw>
... >
where:
* ''type'' defines the [[#type|default styling]]
* ''size'' defines its [[#size]]
* ''skin''... ton'' component is a fully [[docs:marki|super set HTML component]]
</note>
A ''button'' can be used:
ling:type|type]] is:
* ''h1'' to ''h6'' for HTML heading styling
* ''d1'' to ''d4'' for bigger heading displ... default to the number in the type)
Example:
* HTML Heading
<webcode name="Type" iframe>
<code dw>
<h
=====
''badge'' follows the [[docs:marki|superset HTML syntax]] and can then be [[docs:styling:styling|customized]]
* Full Qualified Syntax
<code dw>... at defines the default badge attributes
Default value:
<code html>
type="info" rounded="true"
</code>
ed along side a text (ie inline). It gives [[docs:styling:emphasis|emphasis]] on an ancillary text that add... >
</code>
A ''inote'' is a [[docs:marki|superset HTML component]].
===== Example =====
==== Default ==
ontent:link|a link]], you get already the default HTML tooltip with the page [[docs:page:description|des... immediately when hovering on the image the [[docs:styling:class|class]] ''d-inline-block'' on the ''itext''