Skip to content
Permalink
Browse files
feat(icons): upgrade to Bootstrap Icons 1.0.0-alpha4 (#5420)
* feat(icons): upgrade to Bootstrap Icons 1.0.0.alpha4

* Update README.md

* Update index.vue

* Update README.md

* Update README.md

* Update README.md

Co-authored-by: Jacob Müller <jacob.mueller.elz@gmail.com>
  • Loading branch information
tmorehouse and jacobmllr95 committed May 22, 2020
1 parent 167e29f commit 3208309c649b4cce73c68643d7c911237a713ebc
Show file tree
Hide file tree
Showing 7 changed files with 9,697 additions and 1,606 deletions.
@@ -6,7 +6,7 @@
<br>

<p align="center">
BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 530 icons,
BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 670 icons,
provides one of the most comprehensive implementations of the Bootstrap v4 component and grid
system for Vue.js, complete with extensive and automated WAI-ARIA accessibility markup.
</p>
@@ -82,7 +82,7 @@
<b-row class="mb-4">
<b-col lg="10" offset-lg="1">
<p class="text-lg-center">
With more than 85 components, over 45 available plugins, several directives, and 500+ icons,
With more than 85 components, over 45 available plugins, several directives, and 670+ icons,
<span class="bd-text-purple-bright">BootstrapVue</span> provides one of the most
comprehensive implementations of the
<span class="bd-text-purple-bright">Bootstrap v{{ bootstrapVersionMinor }}</span> component and grid system
@@ -9,27 +9,35 @@ BootstrapVue icon components are built from
are opt-in, meaning that they explicitly need to be imported in order to be used. They are not
installed by default. You do not need `bootstrap-icons` as a dependency.

Icon components were added in BootstrapVue release `v2.2.0`. Bootstrap Icons `v1.0.0-alpha3` icons
were added in BootstrapVue release `v2.8.0`.
- Icon components were added in BootstrapVue release `v2.2.0`.
- Bootstrap Icons `v1.0.0-alpha3` icons were added in BootstrapVue release `v2.8.0`.
- Bootstrap Icons `v1.0.0-alpha4` icons were added in BootstrapVue release `v2.15.0`.

<div class="alert alert-info small">
<p class="mb-2">
<strong>Note:</strong>
<a href="https://icons.getbootstrap.com/" target="_blank" rel="noopener">Bootstrap's Icon</a> SVGs
are currently in the <b>alpha release stage</b>, and may be subject to sweeping changes.
</p>
<p class="mb-0">
<strong>Alpha 2 to alpha 3 changes:</strong> In addition to over 200 new icons, some icons have
changed names &mdash; <code>document-*</code> icons renamed <code>file-*</code>;
<code>alert-*</code> icons renamed <code>exclamation-*</code>; <code>columns-gutters</code>
renamed <code>columns-gap</code> and <code>diamond</code> renamed <code>gem</code> (because of
new <code>diamond-*</code> shape icons).
are currently in the <b>alpha release stage</b>, and may be subject to _sweeping_ changes.
</p>
<ul class="mb-0">
<li>
<strong>Alpha 3 changes:</strong> In addition to over 200 new icons, some icons have
changed names &mdash; <code>document-*</code> icons renamed <code>file-*</code>;
<code>alert-*</code> icons renamed <code>exclamation-*</code>; <code>columns-gutters</code>
renamed <code>columns-gap</code> and <code>diamond</code> renamed <code>gem</code> (because of
new <code>diamond-*</code> shape icons).
</li>
<li>
<strong>Alpha 4 changes:</strong> In addition to over 140 new icons, some icons have changed
names &mdash; <code>arrow-up-down</code> renamed <code>arrow-down-up</code> and
<code>people-circle</code> renamed <code>person-circle</code>.
</li>
</ul>
</div>

## Icons

The library includes over 500 icons. Use the explorer below to search and browse the available
The library includes over 670 icons. Use the explorer below to search and browse the available
icons.

<div>

0 comments on commit 3208309

Please sign in to comment.