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.
33 lines
2.3 KiB
33 lines
2.3 KiB
6 years ago
|
<div bs-button-group>
|
||
|
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Website</button>
|
||
|
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-twitter"></use></svg> Twitter</button>
|
||
|
<button bs-button="icon-right"><svg bs-svg-icon><use xlink:href="#svg-github"></use></svg> Github</button>
|
||
|
<button bs-button="icon" disabled><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||
|
</div>
|
||
|
<div bs-button-group>
|
||
|
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||
|
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-twitter"></use></svg></button>
|
||
|
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-github"></use></svg></button>
|
||
|
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||
|
</div>
|
||
|
<div bs-button-group>
|
||
|
<button bs-button="">Button</button>
|
||
|
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||
|
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
<button bs-button disabled>n/a</button>
|
||
|
<button bs-button="icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
</div>
|
||
|
<div bs-button-group>
|
||
|
<button bs-button="subtle-alt">Button</button>
|
||
|
<button bs-button="subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||
|
<button bs-button="subtle-alt icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
<button bs-button="subtle-alt" disabled>n/a</button>
|
||
|
<button bs-button="subtle-alt icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
</div>
|
||
|
<div bs-button-group>
|
||
|
<button bs-button="size-small subtle-alt">Button</button>
|
||
|
<button bs-button="size-small subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||
|
<button bs-button="size-small subtle-alt icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
<button bs-button="size-small subtle-alt" disabled>n/a</button>
|
||
|
<button bs-button="size-small subtle-alt icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||
|
</div>
|