---json
{
    "canonical": ":styling:size",
    "description": "The size attributes determines the background surface, the higher the more surface, it will take",
    "page_id": "znksli4ropnggp27p1peu",
    "title": "The size attribute defines how a component will become big"
}
---
====== ComboStrap Styling - Size ======

===== About =====
The size attributes determines the background surface of a [[docs:component|component]], the higher the more surface, it will take.

Technically, it sets the ''padding'' (the external zone of a box).



===== Example: A large button =====
A large [[docs:content:button|button]]
<webcode name="Button">
<code dw>
<btn size="large">[[:start|Go to ComboStrap]]</btn>
</code>
</webcode>


===== Components =====
Only this component responds to this attribute:
  * [[docs:content:button]]
  * [[release:deprecated:slide]]]]


===== Syntax =====

<code dw>
size="value"
</code>
where ''value'' can be the name or the code

^ code ^ Name ^
| ''sm'' | small |
| ''md'' | medium (default) |
| ''lg'' | large |
| ''xl'' | extra-large |