82 lines
2.3 KiB
Plaintext
82 lines
2.3 KiB
Plaintext
# Buttons
|
|
# Button - Bootstrap 4
|
|
snippet btn
|
|
<button type="button" class="btn btn-primary">$1</button>
|
|
endsnippet
|
|
|
|
# Button colors - Bootstrap 4
|
|
snippet btnc
|
|
<button type="button" class="btn btn-${1:primary|primary|secondary|success|warning|danger|link}">$2</button>
|
|
endsnippet
|
|
|
|
# Button Outline - Bootstrap 4
|
|
snippet btno
|
|
<button type="button" class="btn btn-${1:primary|primary|secondary|success|warning|danger|link}-outline">$2</button>
|
|
endsnippet
|
|
|
|
# Button <a> - Bootstrap 4
|
|
snippet btna
|
|
<a class="btn btn-primary" href="${1:#}" role="button">$2</a>
|
|
endsnippet
|
|
|
|
# Button <input> - Bootstrap 4
|
|
snippet btni
|
|
<input class="btn btn-primary" type="button" value="$2">
|
|
endsnippet
|
|
|
|
# Button sizes - Bootstrap 4
|
|
snippet btnsz
|
|
<button type="button" class="btn btn-primary btn-${1:lg|sm}">$2</button>
|
|
endsnippet
|
|
|
|
# Button block - Bootstrap 4
|
|
snippet btnbk
|
|
<button type="button" class="btn btn-primary btn-lg btn-block">$1</button>
|
|
endsnippet
|
|
|
|
# Button state <a> - Bootstrap 4
|
|
snippet btnast
|
|
<a href="#" class="btn btn-primary ${1:active|disabled}" role="button">$2</a>
|
|
endsnippet
|
|
|
|
# Button state - Bootstrap 4
|
|
snippet btnst
|
|
<button type="button" class="btn btn-primary" disabled>$1</button>
|
|
endsnippet
|
|
|
|
# Button toggle - Bootstrap 4
|
|
snippet btnt
|
|
<button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">$1</button>
|
|
endsnippet
|
|
|
|
# Button plugin Checkbox - Bootstrap 4
|
|
snippet btnpc
|
|
<div class="btn-group" data-toggle="buttons">
|
|
<label class="btn btn-primary active">
|
|
<input type="checkbox" checked autocomplete="off">$1
|
|
</label>
|
|
<label class="btn btn-primary">
|
|
<input type="checkbox" autocomplete="off">$2
|
|
</label>
|
|
<label class="btn btn-primary">
|
|
<input type="checkbox" autocomplete="off">$3
|
|
</label>
|
|
</div>
|
|
endsnippet
|
|
|
|
# Button plugin Radio - Bootstrap 4
|
|
snippet btnpr
|
|
<div class="btn-group" data-toggle="buttons">
|
|
<label class="btn btn-primary active">
|
|
<input type="radio" name="options" id="option1" autocomplete="off" checked>$1
|
|
</label>
|
|
<label class="btn btn-primary">
|
|
<input type="radio" name="options" id="option2" autocomplete="off">$2
|
|
</label>
|
|
<label class="btn btn-primary">
|
|
<input type="radio" name="options" id="option3" autocomplete="off">$3
|
|
</label>
|
|
</div>
|
|
endsnippet
|
|
|