mirror of https://github.com/abpframework/abp
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.
34 lines
1.0 KiB
34 lines
1.0 KiB
@page
|
|
@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.BadgesModel
|
|
@{
|
|
ViewData["Title"] = "Badges";
|
|
}
|
|
|
|
<h2>Badges</h2>
|
|
|
|
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/badges/" target="_blank"> Bootstrap Badge</a>.</p>
|
|
|
|
<h4># Badges Examples</h4>
|
|
|
|
<div class="demo-with-code">
|
|
<div class="demo-area">
|
|
|
|
<span abp-badge="Primary" >I'm an abp badge!</span>
|
|
<span abp-badge-pill="Warning" >I'm an abp pill badge!</span>
|
|
<a abp-badge="Danger" href="#">I'm an abp badge link!</a>
|
|
<a abp-badge-pill="Success" href="#">I'm an abp pill badge link!</a>
|
|
|
|
</div>
|
|
<div class="code-area">
|
|
<pre>
|
|
<span abp-badge="Primary" >I'm an abp badge!</span>
|
|
|
|
<span abp-badge-pill="Warning" >I'm an abp pill badge!</span>
|
|
|
|
<a abp-badge="Danger" href="#" >I'm an abp badge link!</a>
|
|
|
|
<a abp-badge-pill="Success" href="#" >I'm an abp pill badge link!</a>
|
|
</pre>
|
|
</div>
|
|
</div>
|