You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.4 KiB
87 lines
2.4 KiB
<div class="button demo">
|
|
<div class="ui button">
|
|
View
|
|
</div>
|
|
<div class="ui primary button">
|
|
<i class="shop icon"></i> Add to Cart
|
|
</div>
|
|
<div class="ui secondary button">
|
|
<i class="save icon"></i> Save for Later
|
|
</div>
|
|
<div class="ui labeled icon button">
|
|
<i class="star icon"></i>
|
|
Rate
|
|
</div>
|
|
<div class="ui basic button">Basic</div>
|
|
|
|
<div class="ui fitted hidden divider"></div>
|
|
|
|
<div class="ui animated button">
|
|
<div class="visible content">Horizontal</div>
|
|
<div class="hidden content">
|
|
Hidden
|
|
</div>
|
|
</div>
|
|
<div class="ui vertical animated button">
|
|
<div class="visible content">Vertical</div>
|
|
<div class="hidden content">
|
|
Hidden
|
|
</div>
|
|
</div>
|
|
<div class="ui animated fade button">
|
|
<div class="visible content">Fade In</div>
|
|
<div class="hidden content">
|
|
Hidden
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui fitted hidden divider"></div>
|
|
<div class="ui buttons">
|
|
<div class="ui button">1</div>
|
|
<div class="ui button">2</div>
|
|
<div class="ui button">3</div>
|
|
</div>
|
|
|
|
<div class="ui buttons">
|
|
<div class="ui button">Cancel</div>
|
|
<div class="or"></div>
|
|
<div class="ui positive button">Save</div>
|
|
</div>
|
|
|
|
<div class="ui icon buttons">
|
|
<div class="ui button"><i class="align left icon"></i></div>
|
|
<div class="ui button"><i class="align center icon"></i></div>
|
|
<div class="ui button"><i class="align right icon"></i></div>
|
|
<div class="ui button"><i class="align justify icon"></i></div>
|
|
</div>
|
|
|
|
<div class="ui fitted hidden divider"></div>
|
|
<div class="ui blue button">Blue</div>
|
|
<div class="ui red button">Red</div>
|
|
<div class="ui teal button">Teal</div>
|
|
|
|
<div class="ui fitted hidden divider"></div>
|
|
<div class="ui blue basic button">Blue</div>
|
|
<div class="ui red basic button">Red</div>
|
|
<div class="ui teal basic button">Teal</div>
|
|
|
|
<div class="ui inverted segment">
|
|
<div class="ui inverted button">Inverted</div>
|
|
<div class="ui inverted blue button">Blue</div>
|
|
<div class="ui inverted red button">Red</div>
|
|
<div class="ui fitted hidden divider"></div>
|
|
<div class="ui inverted basic button">Basic</div>
|
|
<div class="ui inverted blue basic button">Blue</div>
|
|
<div class="ui inverted red basic button">Red</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$('.button.demo .follow')
|
|
.state({
|
|
text: {
|
|
inactive : 'Follow',
|
|
active : 'Following'
|
|
}
|
|
})
|
|
;
|
|
</script>
|