P
CUI v1.20.1177
These are our bread and butter buttons. Down, hover, etc states are not documented here - please refer to the PCUI dev samples.
<link rel="stylesheet" href="~/PCUIAssets/PCUI/Elements/Buttons/css/Buttons.min.css" />
<button id="button-default" class="ui button button-default">Default size</button>
<button id="button-large" class="ui button button-default large-btn">Large size</button>
<button id="button-extralarge" class="ui button button-default extra-large-btn">Extra large size</button>
<button id="button-outline-info" class="ui button button-outline info-btn">Info</button>
<button id="button-outline-success" class="ui button button-outline success-btn">Success</button>
<button id="button-outline-warning" class="ui button button-outline warning-btn">Warning</button>
<button id="button-outline-danger" class="ui button button-outline danger-btn">Danger</button>
<button id="button-outline-info-large" class="ui button button-outline info-btn large-btn">Info</button>
<button id="button-outline-success-large" class="ui button button-outline success-btn large-btn">Success</button>
<button id="button-outline-warning-large" class="ui button button-outline warning-btn large-btn">Warning</button>
<button id="button-outline-danger-large" class="ui button button-outline danger-btn large-btn">Danger</button>
<button id="button-outline-info-extra" class="ui button button-outline info-btn extra-large-btn">Info</button>
<button id="button-outline-success-extra" class="ui button button-outline success-btn extra-large-btn">Success</button>
<button id="button-outline-warning-extra" class="ui button button-outline warning-btn extra-large-btn">Warning</button>
<button id="button-outline-danger-extra" class="ui button button-outline danger-btn extra-large-btn">Danger</button>
<button id="button-solid-info" class="ui button button-solid info-btn">Info</button>
<button id="button-solid-success" class="ui button button-solid success-btn">Success</button>
<button id="button-solid-warning" class="ui button button-solid warning-btn">Warning</button>
<button id="button-solid-danger" class="ui button button-solid danger-btn">Danger</button>
<button id="button-solid-info-large" class="ui button button-solid info-btn large-btn">Info</button>
<button id="button-solid-success-large" class="ui button button-solid success-btn large-btn">Success</button>
<button id="button-solid-warning-large" class="ui button button-solid warning-btn large-btn">Warning</button>
<button id="button-solid-danger-large" class="ui button button-solid danger-btn large-btn">Danger</button>
<button id="button-solid-info-extra" class="ui button button-solid info-btn extra-large-btn">Info</button>
<button id="button-solid-success-extra" class="ui button button-solid success-btn extra-large-btn">Success</button>
<button id="button-solid-warning-extra" class="ui button button-solid warning-btn extra-large-btn">Warning</button>
<button id="button-solid-danger-extra" class="ui button button-solid danger-btn extra-large-btn">Danger</button>