From d2bef1715636fcb83de6d51808683e6feda671d0 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Sun, 22 Dec 2019 03:57:35 -0400 Subject: [PATCH] feat(icons): optional icon components (#4489) --- docs/components/componentdoc.vue | 34 +- docs/components/feedback.js | 20 +- docs/components/footer.vue | 1 + docs/components/header.vue | 1 + docs/components/icons-table.vue | 162 + docs/components/importdoc.vue | 11 +- docs/content/index.js | 22 +- docs/markdown/intro/README.md | 134 +- docs/pages/docs/icons/index.js | 75 + docs/pages/docs/index.js | 4 + docs/pages/index.vue | 2 +- docs/plugins/bootstrap-vue.js | 3 +- docs/utils/index.js | 22 +- nuxt/index.js | 54 +- nuxt/plugin.template.js | 9 +- package.json | 5 +- scripts/banner.js | 2 +- scripts/build.sh | 70 +- scripts/create-icons.js | 250 + scripts/create-web-types.js | 54 +- scripts/rollup.config.js | 50 +- src/browser-icons.js | 9 + src/browser.js | 2 +- src/components/modal/README.md | 2 +- src/components/toast/_toast.scss | 2 +- src/icons-only.js | 33 + src/icons.scss | 5 + src/icons/README.md | 659 ++ src/icons/_icons.scss | 26 + src/icons/helpers/make-icon.js | 140 + src/icons/icon.js | 32 + src/icons/icons.d.ts | 648 ++ src/icons/icons.js | 1599 ++++ src/icons/icons.spec.js | 145 + src/icons/index.d.ts | 16 + src/icons/index.js | 13 + src/icons/index.scss | 1 + src/icons/package.json | 12065 +++++++++++++++++++++++++++++ src/icons/plugin.js | 990 +++ src/index.d.ts | 7 +- src/index.js | 18 +- src/index.scss | 4 + src/utils/plugins.js | 33 + src/utils/string.js | 16 + src/utils/string.spec.js | 20 +- yarn.lock | 13 +- 46 files changed, 17364 insertions(+), 119 deletions(-) create mode 100644 docs/components/icons-table.vue create mode 100644 docs/pages/docs/icons/index.js create mode 100644 scripts/create-icons.js create mode 100644 src/browser-icons.js create mode 100644 src/icons-only.js create mode 100644 src/icons.scss create mode 100644 src/icons/README.md create mode 100644 src/icons/_icons.scss create mode 100644 src/icons/helpers/make-icon.js create mode 100644 src/icons/icon.js create mode 100644 src/icons/icons.d.ts create mode 100644 src/icons/icons.js create mode 100644 src/icons/icons.spec.js create mode 100644 src/icons/index.d.ts create mode 100644 src/icons/index.js create mode 100644 src/icons/index.scss create mode 100644 src/icons/package.json create mode 100644 src/icons/plugin.js diff --git a/docs/components/componentdoc.vue b/docs/components/componentdoc.vue index 0ff72166d17..c797ddd24b9 100644 --- a/docs/components/componentdoc.vue +++ b/docs/components/componentdoc.vue @@ -2,7 +2,7 @@
- + {{ tag }} v{{ version }}+ @@ -16,7 +16,13 @@ - + View source @@ -311,18 +317,23 @@ ul.component-ref-mini-toc:empty { diff --git a/docs/components/importdoc.vue b/docs/components/importdoc.vue index c246369c47b..19f1185e03b 100644 --- a/docs/components/importdoc.vue +++ b/docs/components/importdoc.vue @@ -118,9 +118,9 @@ + + + ``` ## Build variants @@ -646,12 +702,29 @@ JavaScript files. Choosing the best variant for your build environment / packager helps reduce bundle sizes. If your bundler supports esm modules, it will automatically prefer it over commonjs. -| Variant | Environments | Package path | -| -------------- | ---------------------- | ---------------------------------------------------------------------- | -| **ESM module** | webpack 2+ / rollup.js | `esm/index.js` | -| ESM bundle | webpack 2+ / rollup.js | `dist/bootstrap-vue.esm.js` | -| commonjs2 | webpack 1 / ... | `dist/bootstrap-vue.common.js` _or_ `dist/bootstrap-vue.common.min.js` | -| UMD | Browser | `dist/bootstrap-vue.js` _or_ `dist/bootstrap-vue.min.js` | +| Variant | Environments | Tree Shake | Package path | +| -------------- | ---------------------- | ---------- | ---------------------------------------------------------------------- | +| **ESM module** | webpack 2+ / rollup.js | Yes | `esm/index.js` | +| ESM bundle | webpack 2+ / rollup.js | Yes | `dist/bootstrap-vue.esm.js` | +| commonjs2 | webpack 1 / ... | No | `dist/bootstrap-vue.common.js` _or_ `dist/bootstrap-vue.common.min.js` | +| UMD | Browser | No | `dist/bootstrap-vue.js` _or_ `dist/bootstrap-vue.min.js` | + +Note the UMD (browser) variant **does not** include BootstrapVue [icons](/docs/icons) support. All +other variants listed above _do include_ the `BootstrapVueIcons` (`IconsPlugin`) plugin (note the +icons plugin is not automatically installed, and must explicitly installed via `Vue.use()`. See the +[Icons usage](/docs/icons#usage) section for more details. + +Icons only modules: + +| Variant | Environments | Tree Shake | Package path | +| -------------- | ---------------------- | ---------- | ---------------------------------------------------------------------------------- | +| **ESM bundle** | webpack 2+ / rollup.js | Yes | `dist/bootstrap-vue-icons.esm.js` | +| commonjs2 | webpack 1 / ... | No | `dist/bootstrap-vue-icons.common.js` _or_ `dist/bootstrap-vue-icons.common.min.js` | +| UMD | Browser | No | `dist/bootstrap-vue-icons.js` _or_ `dist/bootstrap-vue-icons.min.js` | + +The `ESM` module build and the `ESM` bundles (single file) are +[tree-shakeable](#tree-shaking-with-module-bundlers), but you will experience smaller final bundle +sizes when using the `ESM` module _vs._ the `ESM` bundle. All of the build variants listed above have been pre-transpiled targeting the [browsers](https://github.com/bootstrap-vue/bootstrap-vue/blob/master/.browserslistrc) supported by @@ -662,21 +735,18 @@ reduce final project bundle sizes. See the [Using BootstrapVue source code for smaller bundles](#using-bootstrapvue-source-code-for-smaller-bundles) section above for more details. -Both the `ESM` module and `ESM` bundle (single file) are -[tree-shakeable](#tree-shaking-with-module-bundlers), but you will experience smaller final bundle -sizes when using the `ESM` module _vs._ the `ESM` bundle. - ### Dependencies BootstrapVue relies on `Popper.js` (for Tooltip, Popover, and Dropdown positioning), `PortalVue` (for toasts) and [`vue-functional-data-merge`](https://github.com/alexsasharegan/vue-functional-data-merge) (used by -our functional components). These three dependencies are included in the `UMD` bundle. +our functional components). These three dependencies are included in the BootstrapVue `UMD` bundle, +while the UMD (browser) icons only bundle includes `vue-functional-data-merge`. ## Migrating a project already using Bootstrap -If you've already been using Bootstrap v4, there are a couple adjustments you may need to make to -your project: +If you've already been using Bootstrap vv{{bootstrapVersionMajor}}, there are a couple adjustments +you may need to make to your project: - Remove the `bootstrap.js` file from your page scripts or build pipeline - If Bootstrap is the only thing relying on `jQuery`, you can safely remove it — BootstrapVue **does @@ -688,9 +758,9 @@ your project: ### CSS -BootstrapVue is to be used with Bootstrap v4.3 CSS/SCSS. Please see -[Browsers and devices](https://getbootstrap.com/docs/4.3/getting-started/browsers-devices) for more -information about browsers currently supported by Bootstrap v4. +BootstrapVue is to be used with Bootstrap v{{bootstrapVersionMinor}} CSS/SCSS. Please see +Browsers and devices for more +information about browsers currently supported by Bootstrap v{{bootstrapVersionMajor}}. ### JS diff --git a/docs/pages/docs/icons/index.js b/docs/pages/docs/icons/index.js new file mode 100644 index 00000000000..3f001e38091 --- /dev/null +++ b/docs/pages/docs/icons/index.js @@ -0,0 +1,75 @@ +import AnchoredHeading from '~/components/anchored-heading' +import Componentdoc from '~/components/componentdoc' +import IconsTable from '~/components/icons-table' +import Importdoc from '~/components/importdoc' +import Main from '~/components/main' +import Section from '~/components/section' +import docsMixin from '~/plugins/docs-mixin' +import { icons as iconsMeta, bootstrapIconsVersion } from '~/content' +import readme from '~/../src/icons/README.md' + +export default { + name: 'BDVIcons', + layout: 'docs', + // We use a string template here so that the docs README can do interpolation + template: ` +
+
${readme}
+
+ Component reference + +
+

+ Individual icon components are not listed here due to the large number of components. +

+
+ +

+ IconsPlugin is also exported as BootstrapVueIcons. +

+
+
`, + components: { + AnchoredHeading, + Componentdoc, + IconsTable, + Importdoc, + Main, + Section + }, + mixins: [docsMixin], + data() { + return { + readme: readme, + // Key for icons meta is '' (empty slug) + meta: iconsMeta[''], + bootstrapIconsVersion + } + }, + computed: { + componentMeta() { + // `docs/content/index.js` massages the list of icon components + // to include only `BIcon` and an example component + const components = this.meta.components + // Add in a special property or grabbing the component props + // as `BIcon{IconName}` doesn't exist + components[1].srcComponent = 'BIconBlank' + return components + }, + importMeta() { + return { ...this.meta, slug: 'icons', components: this.componentMeta } + } + } +} diff --git a/docs/pages/docs/index.js b/docs/pages/docs/index.js index 92f5797a4bc..ace02436f32 100644 --- a/docs/pages/docs/index.js +++ b/docs/pages/docs/index.js @@ -46,6 +46,10 @@ export default { } }, computed: { + hrefBootstrapBrowserDevices() { + const minorVersion = this.bootstrapVersionMinor + return `//getbootstrap.com/docs/${minorVersion}/getting-started/browsers-devices` + }, // TODO: pull this from the meta.json file meta() { return { diff --git a/docs/pages/index.vue b/docs/pages/index.vue index 0903aa8c95a..cffa53e059e 100644 --- a/docs/pages/index.vue +++ b/docs/pages/index.vue @@ -132,7 +132,7 @@

- With over 40 available plugins and more than 80 custom UI components, + With over 40 available plugins and more than 80 custom UI components, directives, and over 300 icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v{{ bootstrapVersionMinor }} component and grid system diff --git a/docs/plugins/bootstrap-vue.js b/docs/plugins/bootstrap-vue.js index 4b3ae0e1349..eccf73126ff 100644 --- a/docs/plugins/bootstrap-vue.js +++ b/docs/plugins/bootstrap-vue.js @@ -1,4 +1,5 @@ import Vue from 'vue' -import BootstrapVue from '../../src' +import { BootstrapVue, BootstrapVueIcons } from '../../src' Vue.use(BootstrapVue) +Vue.use(BootstrapVueIcons) diff --git a/docs/utils/index.js b/docs/utils/index.js index 5a0ce669a01..5bd63e83a3c 100644 --- a/docs/utils/index.js +++ b/docs/utils/index.js @@ -1,4 +1,9 @@ -import kebabCase from 'lodash/kebabCase' +const RX_HYPHENATE = /\B([A-Z])/g + +// Converts PascalCase or camelCase to kebab-case +export const kebabCase = str => { + return str.replace(RX_HYPHENATE, '-$1').toLowerCase() +} // Parse a fully qualified version from a string export const parseVersion = version => { @@ -7,6 +12,13 @@ export const parseVersion = version => { return matchesCount > 0 ? matches[matchesCount - 1] : '' } +// Parse a fully qualified version from a string (including alpha/beta/etc +export const parseFullVersion = version => { + const matches = version.match(/([0-9]+\.[0-9]+\.[0-9]+(?:-[a-z]+[.-]?[0-9]+))/) + const matchesCount = matches.length + return matchesCount > 0 ? matches[matchesCount - 1] : '' +} + // Remove any HTML tags, but leave entities alone const stripHTML = (str = '') => str.replace(/<[^>]+>/g, '') @@ -128,8 +140,9 @@ export const makeTOC = (readme, meta = null) => { componentToc.push( // Add component sub-headings ...meta.components.map(({ component }) => { - const tag = kebabCase(component) - return { label: `<${tag}>`, href: `#comp-ref-${tag}` } + const tag = kebabCase(component).replace('{', '-{') + const hash = `#comp-ref-${tag}`.replace('{', '').replace('}', '') + return { label: `<${tag}>`, href: hash } }), // Add component import sub-heading { @@ -187,7 +200,8 @@ export const importAll = r => { .map(r) .map(m => m.meta || m) .map(m => ({ - slug: m.slug || (m.title || '').replace(' ', '-').toLowerCase(), + slug: + typeof m.slug === 'undefined' ? (m.title || '').replace(' ', '-').toLowerCase() : m.slug, ...m })) .sort((a, b) => { diff --git a/nuxt/index.js b/nuxt/index.js index b8ea19d8230..8c8c0e2e797 100644 --- a/nuxt/index.js +++ b/nuxt/index.js @@ -1,7 +1,26 @@ const { resolve } = require('path') +// --- Constants --- + +const RX_UN_KEBAB = /-(\w)/g +const RX_HYPHENATE = /\B([A-Z])/g + +// Path to index file when using bootstrap-vue source code +const srcIndex = 'bootstrap-vue/src/index.js' + // --- Utility methods --- +// Converts PascalCase or camelCase to kebab-case +export const kebabCase = str => { + return str.replace(RX_HYPHENATE, '-$1').toLowerCase() +} + +// Converts a kebab-case or camelCase string to PascalCase +export const pascalCase = str => { + str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : '')) + return str.charAt(0).toUpperCase() + str.slice(1) +} + const pickFirst = (...args) => { for (const arg of args) { if (arg !== undefined) { @@ -10,19 +29,7 @@ const pickFirst = (...args) => { } } -// Converts a kebab-case or camelCase string to PascalCase -const unKebabRE = /-(\w)/g -const pascalCase = str => { - str = str.replace(unKebabRE, (_, c) => (c ? c.toUpperCase() : '')) - return str.charAt(0).toUpperCase() + str.slice(1) -} - -// --- Constants --- - -// Path to index file when using bootstrap-vue source code -const srcIndex = 'bootstrap-vue/src/index.js' - -// --- Main Nuxt module --- +// --- Main Nuxt.js module --- module.exports = function nuxtBootstrapVue(moduleOptions = {}) { this.nuxt.hook('build:before', () => { // Merge moduleOptions with default @@ -77,14 +84,14 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) { ...this.options.build.loaders.vue.transformAssetUrls } - // Enable transpilation of src/ directory + // Enable transpilation of `src/` directory this.options.build.transpile.push('bootstrap-vue/src') - // Use pre-tranpiled or src/ + // Use pre-transpiled or `src/` const usePretranspiled = pickFirst(options.usePretranspiled, this.options.dev, false) if (!usePretranspiled) { // Use bootstrap-vue source code for smaller prod builds - // by aliasing 'bootstrap-vue' to the source files. + // by aliasing 'bootstrap-vue' to the source files this.extendBuild((config, { isServer }) => { if (!config.resolve.alias) { config.resolve.alias = {} @@ -104,7 +111,8 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) { // Base options available to template const templateOptions = { // Flag if we are tree shaking - treeShake: false + treeShake: false, + icons: !!options.icons } // Specific component and/or directive plugins @@ -113,7 +121,7 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) { templateOptions[type] = bvPlugins // Normalize plugin name to `${Name}Plugin` (component) or `VB${Name}Plugin` (directive) - // Required for backwards compatability with old plugin import names + // Required for backwards compatibility with old plugin import names .map(plugin => { // Ensure PascalCase name plugin = pascalCase(plugin) @@ -148,6 +156,16 @@ module.exports = function nuxtBootstrapVue(moduleOptions = {}) { } } + // If tree shaking, and icons requested, add in + // the IconsPlugin if not already specified + if ( + templateOptions.treeShake && + templateOptions.icons && + templateOptions.componentPlugins.indexOf('IconsPlugin') === -1 + ) { + templateOptions.componentPlugins.push('IconsPlugin') + } + // Add BootstrapVue configuration if present if (options.config && Object.prototype.toString.call(options.config) === '[object Object]') { templateOptions.config = { ...options.config } diff --git a/nuxt/plugin.template.js b/nuxt/plugin.template.js index ebb0bf12af1..17e937a3a6c 100644 --- a/nuxt/plugin.template.js +++ b/nuxt/plugin.template.js @@ -1,9 +1,16 @@ import Vue from 'vue'; <% if (!options.treeShake) { %> -import BootstrapVue from 'bootstrap-vue'; +<% if (options.icons) { %> +import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'; Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>); +Vue.use(BootstrapVueIcons); +<% } else { %> +import { BootstrapVue } from 'bootstrap-vue'; + +Vue.use(BootstrapVue, <%= JSON.stringify(options.config || {}, undefined, 2) %>); +<% } %> <% } %> <% if (options.treeShake) { %> diff --git a/package.json b/package.json index 6463dfb5c52..68530bd71ff 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "bootstrap-vue", "version": "2.1.0", - "description": "BootstrapVue, with over 40 plugins and more than 80 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.", + "description": "BootstrapVue, with over 40 plugins and more than 80 custom components, custom directives, and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.", "main": "dist/bootstrap-vue.common.js", "web": "dist/bootstrap-vue.js", "module": "esm/index.js", @@ -78,7 +78,7 @@ }, "dependencies": { "@nuxt/opencollective": "^0.3.0", - "bootstrap": ">=4.4.0 <5.0.0", + "bootstrap": ">=4.4.1 <5.0.0", "popper.js": "^1.16.0", "portal-vue": "^2.1.6", "vue-functional-data-merge": "^3.1.0" @@ -98,6 +98,7 @@ "babel-eslint": "^10.0.3", "babel-jest": "^24.9.0", "babel-plugin-istanbul": "^5.2.0", + "bootstrap-icons": "^1.0.0-alpha2", "clean-css-cli": "^4.3.0", "codecov": "^3.6.1", "codemirror": "^5.50.0", diff --git a/scripts/banner.js b/scripts/banner.js index c395030f7e0..b1d19b0b9e2 100644 --- a/scripts/banner.js +++ b/scripts/banner.js @@ -2,7 +2,7 @@ const pkg = require('../package.json') const year = new Date().getFullYear() const banner = `/*! - * BoostrapVue ${pkg.version} + * BootstrapVue ${pkg.version} * * @link ${pkg.homepage} * @source https://github.com/bootstrap-vue/bootstrap-vue diff --git a/scripts/build.sh b/scripts/build.sh index 90f1748e268..c4757f0a27c 100755 --- a/scripts/build.sh +++ b/scripts/build.sh @@ -7,6 +7,11 @@ BV_BANNER=$(node -p "require('./scripts/banner')") echo "Building BootstrapVue ${BV_VERSION}" echo '' +echo 'Generating icon source files...' +node -r esm scripts/create-icons.js || exit 1 +echo 'done.' +echo '' + echo 'Checking plugin metadata...' node -r esm scripts/check-plugin-meta.js || exit 1 echo 'Done.' @@ -21,33 +26,71 @@ echo 'Done.' echo '' echo 'Compiling ESM modular build...' -NODE_ENV=esm babel src --out-dir esm --ignore 'src/**/*.spec.js' -rm -f esm/browser.js +NODE_ENV=esm babel src \ + --out-dir esm \ + --ignore 'src/**/*.spec.js' \ + --ignore 'src/browser*.js' \ + --ignore 'src/icons-only.js' echo "${BV_BANNER}" | cat - esm/index.js > esm/tmp.js && mv -f esm/tmp.js esm/index.js echo 'Done.' echo '' echo 'Minify JS...' +# We instruct terser to preserve our `Bv*Event` class names and +# safe types (i.e. `Element`, etc) when mangling top level names terser dist/bootstrap-vue.js \ --compress typeofs=false \ - --mangle --comments "/^!/" \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ + --comments "/^!/" \ --source-map "content=dist/bootstrap-vue.js.map,includeSources,url=bootstrap-vue.min.js.map" \ --output dist/bootstrap-vue.min.js +terser dist/bootstrap-vue-icons.js \ + --compress typeofs=false \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ + --comments "/^!/" \ + --source-map "content=dist/bootstrap-vue-icons.js.map,includeSources,url=bootstrap-vue-icons.min.js.map" \ + --output dist/bootstrap-vue-icons.min.js terser dist/bootstrap-vue.common.js \ --compress typeofs=false \ - --mangle --comments "/^!/" \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ + --comments "/^!/" \ --source-map "content=dist/bootstrap-vue.common.js.map,includeSources,url=bootstrap-vue.common.min.js.map" \ --output dist/bootstrap-vue.common.min.js +terser dist/bootstrap-vue-icons.common.js \ + --compress typeofs=false \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ + --comments "/^!/" \ + --source-map "content=dist/bootstrap-vue-icons.common.js.map,includeSources,url=bootstrap-vue-icons.common.min.js.map" \ + --output dist/bootstrap-vue-icons.common.min.js terser dist/bootstrap-vue.esm.js \ --compress typeofs=false \ - --mangle \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ --comments "/^!/" \ --source-map "content=dist/bootstrap-vue.esm.js.map,includeSources,url=bootstrap-vue.esm.min.js.map" \ --output dist/bootstrap-vue.esm.min.js +terser dist/bootstrap-vue-icons.esm.js \ + --compress typeofs=false \ + --mangle reserved=['BvEvent','BvModalEvent','Element','HTMLElement','SVGElement'] \ + --toplevel \ + --keep-classnames \ + --comments "/^!/" \ + --source-map "content=dist/bootstrap-vue-icons.esm.js.map,includeSources,url=bootstrap-vue-icons.esm.min.js.map" \ + --output dist/bootstrap-vue-icons.esm.min.js echo 'Done.' echo '' echo 'Compile SCSS...' +# Complete BootstrapVue CSS node-sass --output-style expanded \ --source-map true \ --source-map-contents true \ @@ -56,16 +99,33 @@ node-sass --output-style expanded \ dist/bootstrap-vue.css postcss --config scripts/postcss.config.js \ --replace dist/bootstrap-vue.css +# Icons only CSS +node-sass --output-style expanded \ + --source-map true \ + --source-map-contents true \ + --precision 6 \ + src/icons.scss \ + dist/bootstrap-vue-icons.css +postcss --config scripts/postcss.config.js \ + --replace dist/bootstrap-vue-icons.css echo 'Done.' echo '' echo 'Minify CSS...' +# Complete BootstrapVue CSS cleancss --level 1 \ --format breaksWith=lf \ --source-map \ --source-map-inline-sources \ --output dist/bootstrap-vue.min.css \ dist/bootstrap-vue.css +# Icons only CSS +cleancss --level 1 \ + --format breaksWith=lf \ + --source-map \ + --source-map-inline-sources \ + --output dist/bootstrap-vue-icons.min.css \ + dist/bootstrap-vue-icons.css echo 'Done.' echo '' diff --git a/scripts/create-icons.js b/scripts/create-icons.js new file mode 100644 index 00000000000..f2c05d929d2 --- /dev/null +++ b/scripts/create-icons.js @@ -0,0 +1,250 @@ +// NodeJS script to create the icon components modules: +// src/icons/icons.js +// src/icons/plugin.js +// src/icons/icons.d.ts +// +// Source is bootstrap-icons/icons + +'use strict' + +const fs = require('fs').promises +const path = require('path') +const _template = require('lodash/template') +const { pascalCase } = require('../src/utils/string') + +const bootstrapIconsBase = path.dirname(require.resolve('bootstrap-icons/package.json')) +const bootstrapIconsDir = path.join(bootstrapIconsBase, 'icons/') +const bsIconsMetaFile = path.join(bootstrapIconsBase, 'package.json') + +const bvBase = path.resolve(__dirname, '..') +const bvIconsBase = path.join(bvBase, 'src', 'icons') +const iconsFile = path.resolve(bvIconsBase, 'icons.js') +const pluginFile = path.resolve(bvIconsBase, 'plugin.js') +const typesFile = path.resolve(bvIconsBase, 'icons.d.ts') +const bvIconsPkgFile = path.resolve(bvIconsBase, 'package.json') + +// --- Constants --- + +// Bootstrap Icons package.json +const bsIconsPkg = require(bsIconsMetaFile) + +// BootstrapVue icons package.json +const bvIconsPkg = require(bvIconsPkgFile) + +if (bvIconsPkg.meta['bootstrap-icons-version'] === bsIconsPkg.version) { + // Exit early of no changes in bootstrap-icons version + // Should also test if `src/icons/helper/make-icons.js` has changed (i.e. new props) + // console.log(' No changes detected in bootstrap-icons version') + // Commented out until this build process is stabilized + // exit 0 +} + +// Template for `src/icons/icons.js` +const iconsTemplateFn = _template(`// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: <%= version %> +// @Generated: <%= created %> +// +// This file is generated on each build. Do not edit this file. +// +/*! + * BootstrapVue Icons, generated from Bootstrap Icons <%= version %> + * + * @link <%= homepage %> + * @license <%= license %> + * https://github.com/twbs/icons/blob/master/LICENSE.md + */ + +import { makeIcon } from './helpers/make-icon' + +// --- BootstrapVue custom icons --- + +export const BIconBlank = /*#__PURE__*/ makeIcon('Blank', '') + +// --- Bootstrap Icons --- +<% componentNames.forEach(component => { %> +export const <%= component %> = /*#__PURE__*/ makeIcon( + '<%= icons[component].name %>', + '<%= icons[component].content %>' +) +<% }) %> +// --- END AUTO-GENERATED FILE --- +`) + +// Template for `src/icons/plugin.js` +const pluginTemplateFn = _template(`// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: <%= version %> +// @Generated: <%= created %> +// +// This file is generated on each build. Do not edit this file. +// + +import { pluginFactoryNoConfig } from '../utils/plugins' + +// Icon helper component +import { BIcon } from './icon' + +import { + // BootstrapVue custom icons + BIconBlank, + // Bootstrap icons + <%= componentNames.join(',\\n ') %> +} from './icons' + +// Icon component names for used in the docs +export const iconNames = [ + // BootstrapVue custom icon component names + 'BIconBlank', + // Bootstrap icon component names + <%= componentNames.map(n => ("'" + n + "'")).join(',\\n ') %> +] + +// Export the icons plugin +export const IconsPlugin = /*#__PURE__*/ pluginFactoryNoConfig({ + components: { + // Icon helper component + BIcon, + // BootstrapVue custom icon components + BIconBlank, + // Bootstrap icon components + <%= componentNames.join(',\\n ') %> + } +}) + +// Export the BootstrapVueIcons plugin installer +// Mainly for the stand-alone bootstrap-vue-icons.xxx.js builds +export const BootstrapVueIcons = /*#__PURE__*/ pluginFactoryNoConfig( + { plugins: { IconsPlugin } }, + { NAME: 'BootstrapVueIcons' } +) + +// --- END AUTO-GENERATED FILE --- +`) + +// Template for `src/icons/icons.d.ts` +const typesTemplateFn = _template(`// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: <%= version %> +// @Generated: <%= created %> +// +// This file is generated on each build. Do not edit this file. +// + +import Vue from 'vue' +import { BvComponent } from '../' + +// --- BootstrapVue custom icons --- + +export declare class BIconBlank extends BvComponent {} + +// --- Bootstrap Icons --- +<% componentNames.forEach(component => { %> +export declare class <%= component %> extends BvComponent {} +<% }) %> +// --- END AUTO-GENERATED FILE --- +`) + +// --- Utility methods --- + +// Parses a single SVG File +const processFile = (file, data) => + new Promise((resolve, reject) => { + file = path.join(bootstrapIconsDir, file) + if (path.extname(file) !== '.svg') { + resolve() + return + } + const name = pascalCase(path.basename(file, '.svg')) + const componentName = `BIcon${name}` + + fs.readFile(file, 'utf8') + .then(svg => { + const content = svg + // Remove and + .replace(/]+>/i, '') + .replace(/<\/svg>/i, '') + // Remove whitespace between elements + .replace(/>\s+<') + // Fix broken stroke colors in some components + // Might be fixed in 1.0.0-alpha3 release + .replace(' stroke="#000"', ' stroke="currentColor"') + // Remove leading/trailing whitespace + .trim() + // Add to the iconsData object + data.icons[componentName] = { name: name, content: content } + data.componentNames.push(componentName) + // Resolve + resolve() + }) + .catch(error => reject(error)) + }) + +// Method to generate the updated `package.json` content +const updatePkgMeta = data => { + // Create a semi-deep clone of the current `package.json` + const newPkg = { ...bvIconsPkg, meta: { ...bvIconsPkg.meta } } + // Grab current component entries array and filter out auto-generated entries + const metaComponents = bvIconsPkg.meta.components.filter(c => !c['auto-gen']) + // Grab the props definition array from `BIcon` and filter out `icon` prop + const iconProps = metaComponents + .find(m => m.component === 'BIcon') + .props.filter(p => p.prop !== 'icon') + // Build the icon component entries + const iconMeta = data.componentNames.map(name => { + return { + component: name, + 'auto-gen': `bootstrap-icons ${data.version}`, + props: iconProps + } + }) + // Update the package components meta info + newPkg.meta.components = [...metaComponents, ...iconMeta] + // Update the bootstrap-icons-version reference + newPkg.meta['bootstrap-icons-version'] = data.version + // Return the updated `package.json` as a json string + return JSON.stringify(newPkg, null, 2) +} + +// --- Main process --- +const main = async () => { + // Information needed in the templates + const today = new Date() + const data = { + version: bsIconsPkg.version, + license: bsIconsPkg.license, + homepage: bsIconsPkg.homepage, + created: today.toISOString(), + componentNames: [], + icons: {} + } + + console.log(` Reading SVGs from bootstrap-icons version ${data.version}`) + + // Read in the list of SVG Files + const files = await fs.readdir(bootstrapIconsDir) + + // Process the SVG Data for all files + await Promise.all(files.map(file => processFile(file, data))) + + // Sort the icon component names + data.componentNames = data.componentNames.sort() + + console.log(` Read ${data.componentNames.length} SVGs...`) + + // Write out the files + console.log(' Creating icon components...') + await fs.writeFile(iconsFile, iconsTemplateFn(data), 'utf8') + console.log(` Wrote to ${iconsFile}`) + console.log(' Creating icon plugin...') + await fs.writeFile(pluginFile, pluginTemplateFn(data), 'utf8') + console.log(` Wrote to ${pluginFile}`) + console.log(' Creating type declarations...') + await fs.writeFile(typesFile, typesTemplateFn(data), 'utf8') + console.log(` Wrote to ${typesFile}`) + console.log(' Updating icons meta info...') + await fs.writeFile(bvIconsPkgFile, updatePkgMeta(data), 'utf8') + console.log(` Wrote to ${bvIconsPkgFile}`) +} + +main() diff --git a/scripts/create-web-types.js b/scripts/create-web-types.js index 10798b7587e..68127073c7f 100644 --- a/scripts/create-web-types.js +++ b/scripts/create-web-types.js @@ -2,12 +2,13 @@ const path = require('path') const fs = require('fs') const requireContext = require('require-context') +const { kebabCase } = require('../src/utils/string') const baseDir = path.resolve(__dirname, '..') const distDir = path.resolve(baseDir, 'dist') const docsDir = path.resolve(baseDir, 'docs') -// Import project package.json +// Import project `package.json` const pkg = require(path.resolve(baseDir, 'package.json')) const libraryName = pkg.name @@ -20,6 +21,7 @@ const commonPropsMeta = require(path.resolve(docsDir, 'common-props.json')) // Placeholder arrays let componentGroups = {} +let iconGroups = {} let directiveGroups = {} // Base web-types object @@ -40,14 +42,15 @@ const webTypes = { } } -// Import metadata from a directory glob package.json files +// Import metadata from a directory glob `package.json` files const importAll = r => { const obj = {} r.keys() .map(r) .map(m => m.meta || m) .map(m => ({ - slug: m.slug || (m.title || '').replace(' ', '-').toLowerCase(), + slug: + typeof m.slug !== 'undefined' ? m.slug : (m.title || '').replace(' ', '-').toLowerCase(), ...m })) .sort((a, b) => { @@ -62,7 +65,7 @@ const importAll = r => { } if (m.directives) { // Normalize `meta.directives` to array of objects form - // Applicable to component group package.json + // Applicable to component group `package.json` m.directives = m.directives.map(d => (typeof d === 'string' ? { directive: d } : d)) } obj[m.slug] = m @@ -71,12 +74,6 @@ const importAll = r => { return obj } -// Util to kebab-case a PascalCase or camelCase string -const kebabRE = /\B([A-Z])/g -const kebabCase = str => { - return str.replace(kebabRE, '-$1').toLowerCase() -} - // Compute the web-type "type" from the a prop type const computePropType = ({ type }) => { if (!type) { @@ -183,7 +180,7 @@ const processComponentMeta = (meta, groupRef, groupDescription, docUrl) => { prop.type = 'boolean' } // If we have a description, add it to the prop - // TODO: this doesn't exist in the component meta yet + // TODO: This doesn't exist in the component meta yet prop.description = typeof $propExtra.description === 'undefined' ? $propFallbackExtra.description @@ -192,7 +189,7 @@ const processComponentMeta = (meta, groupRef, groupDescription, docUrl) => { // JSON stringification will remove properties with an undefined value prop.description = undefined } - // TODO: this doesn't exist in the component meta yet + // TODO: This doesn't exist in the component meta yet if ($propExtra.href) { // If the prop has a document ID link, add it on here // The `href` property is an ID in the docs page @@ -354,10 +351,10 @@ const processComponentGroup = groupSlug => { const directivesMeta = groupMeta.directives || [] // The URL to the components docs - const docUrl = `${baseDocs}/docs/components/${groupSlug}/` + const docUrl = `${baseDocs}/docs/components/${groupSlug}/`.replace('//', '/') // We import the component from the transpiled `esm/` dir - const groupRef = require(path.resolve(baseDir, 'esm/components/' + groupSlug)) + const groupRef = require(path.resolve(baseDir, 'esm/components/' + (groupSlug || ''))) // Process each component componentsMeta.forEach(meta => { @@ -365,12 +362,30 @@ const processComponentGroup = groupSlug => { }) // Process any directives provided in the meta - // These directives do not have their own package.json files + // These directives do not have their own `package.json` files directivesMeta.forEach(directiveMeta => { processDirectiveMeta(directiveMeta, groupMeta.description, docUrl) }) } +// Create tag entries for each component in a component group +const processIconGroup = groupSlug => { + // Array of components in the group + const groupMeta = iconGroups[groupSlug] || {} + const iconsMeta = groupMeta.components || [] + + // The URL to the components docs + const docUrl = `${baseDocs}/docs/icons/` + + // We import the component from the transpiled `esm/` dir + const groupRef = require(path.resolve(baseDir, 'esm/icons')) + + // Process each icon component + iconsMeta.forEach(meta => { + processComponentMeta(meta, groupRef, groupMeta.description, docUrl) + }) +} + // Create attribute entries for each directive const processDirectiveGroup = groupSlug => { // Directives only have a single entry in their Meta for `directive` @@ -383,7 +398,7 @@ const processDirectiveGroup = groupSlug => { // Wrapped in a try/catch to handle any errors try { - // Grab the component meta data (from the source dir component's package.json) + // Grab the component meta data (from the source dir component's `package.json`) const componentsContext = requireContext( path.resolve(baseDir, 'src/components'), true, @@ -391,6 +406,10 @@ try { ) componentGroups = importAll(componentsContext) + // Grab the icons meta data + const iconsContext = requireContext(path.resolve(baseDir, 'src/icons'), false, /package.json/) + iconGroups = importAll(iconsContext) + // Grab the directive meta data const directivesContext = requireContext( path.resolve(baseDir, 'src/directives'), @@ -402,6 +421,9 @@ try { // Process all components into webTypes Object.keys(componentGroups).forEach(processComponentGroup) + // Process all icons into webTypes (note there is only one group) + Object.keys(iconGroups).forEach(processIconGroup) + // Process all directives into webTypes Object.keys(directiveGroups).forEach(processDirectiveGroup) diff --git a/scripts/rollup.config.js b/scripts/rollup.config.js index e151e1e9ec1..e9105b783aa 100644 --- a/scripts/rollup.config.js +++ b/scripts/rollup.config.js @@ -8,6 +8,8 @@ import { name, dependencies } from '../package.json' const bannerComment = require('./banner') +const bannerIconsComment = bannerComment.replace('* BootstrapVue', '* BootstrapVueIcons') + const base = path.resolve(__dirname, '..') const src = path.resolve(base, 'src') const dist = path.resolve(base, 'dist') @@ -51,6 +53,24 @@ export default [ } }, + // UMD Icons only Browser Build + { + ...baseConfig, + // We use a specific input for the browser build + input: path.resolve(src, 'browser-icons.js'), + external: externals.filter(dep => !externalExcludes.includes(dep)), + output: { + format: 'umd', + name: camelCase(`${name}-icons`), + file: path.resolve(dist, `${name}-icons.js`), + banner: bannerIconsComment, + sourcemap: true, + globals: { + vue: 'Vue' + } + } + }, + // COMMONJS Module Build { ...baseConfig, @@ -66,7 +86,23 @@ export default [ } }, - // ESM Module Build + // COMMONJS Icons only Module Build + { + ...baseConfig, + input: path.resolve(src, 'icons-only.js'), + output: { + format: 'cjs', + name: camelCase(`${name}-icons`), + file: path.resolve(dist, `${name}-icons.common.js`), + banner: bannerComment, + sourcemap: true, + // Disable warning about mixed named/default exports + // We we have handled this in the index file + exports: 'named' + } + }, + + // ESM Icons only Module Bundle Build { ...baseConfig, output: { @@ -75,5 +111,17 @@ export default [ banner: bannerComment, sourcemap: true } + }, + + // ESM Module Bundle Build + { + ...baseConfig, + input: path.resolve(src, 'icons-only.js'), + output: { + format: 'es', + file: path.resolve(dist, `${name}-icons.esm.js`), + banner: bannerComment, + sourcemap: true + } } ] diff --git a/src/browser-icons.js b/src/browser-icons.js new file mode 100644 index 00000000000..bcc1affc2f9 --- /dev/null +++ b/src/browser-icons.js @@ -0,0 +1,9 @@ +// Main entry point for the browser icons-only build +import { vueUse } from './utils/plugins' + +import { BootstrapVueIcons } from './icons-only' + +// Auto installation only occurs if window.Vue exists +vueUse(BootstrapVueIcons) + +export default BootstrapVueIcons diff --git a/src/browser.js b/src/browser.js index de709d1125a..bc9b2ebe403 100644 --- a/src/browser.js +++ b/src/browser.js @@ -1,7 +1,7 @@ // Main entry point for the browser build import { vueUse } from './utils/plugins' -import BootstrapVue from './index' +import { BootstrapVue } from './index' // Auto installation only occurs if window.Vue exists vueUse(BootstrapVue) diff --git a/src/components/modal/README.md b/src/components/modal/README.md index 7d4acbd3d98..d3177b63629 100644 --- a/src/components/modal/README.md +++ b/src/components/modal/README.md @@ -74,7 +74,7 @@ See the [Accessibility](#accessibility) section below for details. ### Using `this.$bvModal.show()` and `this.$bvModal.hide()` instance methods -When BootstrapVue is installed as a plugin, or the `ModalPlugin` plugin is used, BoostrapVue will +When BootstrapVue is installed as a plugin, or the `ModalPlugin` plugin is used, BootstrapVue will inject a `$bvModal` object into every Vue instance (components, apps). `this.$bvModal` exposes several methods, of which two are for showing and hiding modals: diff --git a/src/components/toast/_toast.scss b/src/components/toast/_toast.scss index 7c0e59d9db9..c0a9a288287 100644 --- a/src/components/toast/_toast.scss +++ b/src/components/toast/_toast.scss @@ -28,7 +28,7 @@ } .toast { - // Override default boostrap v4.x opacity of 0 + // Override default Bootstrap v4.x opacity of 0 // Needed for re-usable fade transition opacity: 1; diff --git a/src/icons-only.js b/src/icons-only.js new file mode 100644 index 00000000000..65681653bca --- /dev/null +++ b/src/icons-only.js @@ -0,0 +1,33 @@ +// Icons only build +import { BootstrapVueIcons, IconsPlugin } from './icons' + +const install = BootstrapVueIcons.install +const NAME = BootstrapVueIcons.NAME + +export { + // Installer exported just in case the consumer does not import `default` + // as the plugin in CommonJS build (or does not have interop enabled + // for CommonJS). Both the following will work: + // BootstrapVueIcons = require('bootstrap-vue/dist/bootstrap-vue-icons.common') + // BootstrapVueIcons = require('bootstrap-vue/dist/bootstrap-vue-icons.common').default + // Vue.use(BootstrapVueIcons) + install, + NAME, + // Main BootstrapVueIcons Plugin + BootstrapVueIcons, + IconsPlugin +} + +// +// Export Icon components +// +// export * from './icons' + +export { BIcon } from './icons/icon' + +// This re-export is only a single level deep, which +// Webpack 4 handles correctly when tree shaking +export * from './icons/icons' + +// Default export is the BootstrapVueIcons plugin +export default BootstrapVueIcons diff --git a/src/icons.scss b/src/icons.scss new file mode 100644 index 00000000000..73e18e55962 --- /dev/null +++ b/src/icons.scss @@ -0,0 +1,5 @@ +// --- BootstrapVue Icons Custom SCSS --- + +// Include custom SCSS for icons +// Temporary until Bootstrap v5 (maybe) +@import "icons/index"; diff --git a/src/icons/README.md b/src/icons/README.md new file mode 100644 index 00000000000..9ad1b3b0fe1 --- /dev/null +++ b/src/icons/README.md @@ -0,0 +1,659 @@ +# Bootstrap Icons + +> Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. +> Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they +> are built for Bootstrap, they will work in any project. + +BootstrapVue icon components are built from +[`bootstrap-icons` v{{ bootstrapIconsVersion }}](https://icons.getbootstrap.com/) source SVGs. Icons +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`. + +

+

+ Note: + Bootstrap's Icon SVGs + are currently in the alpha release stage, and may be subject to change. Icons use BootstrapVue's + custom CSS for additional styling compensation due to Bootstrap Icons' <svg> + current vertical alignment issues. This may change in future releases of BootstrapVue. +

+
+ +## Icons + +The library includes over 300 icons. Use the explorer below to search and browse the available +icons. + +
+ + +
+
+ +## Usage + +BootstrapVue icons are not automatically installed when using BootstrapVue in your project, you must +explicitly include them. + +Icons inherit the current font color and font size from their parent container element. To change +the color of the icon, refer to the [Variants](#variants) section, and to change the size of the +icon refer to the [Sizing](#sizing) section. + +All icons are exported with the name in PascalCase, prefixed with BIcon. +i.e icon `'alert-circle-fill'` is exported as `BIconAlertCircleFill`, icon `'x'` is exported as +`BIconX`, and icon `'x-square-fill'` is exported as `BIconXSquareFill`. + +### Module bundlers + +**Importing all icons:** + +```js +import Vue from 'vue' +import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue' + +Vue.use(BootstrapVue) +Vue.use(BootstrapVueIcons) +``` + +Or + +```js +import Vue from 'vue' +import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' + +Vue.use(BootstrapVue) +Vue.use(IconsPlugin) +``` + +**Importing specific icons:** + +Making them globally available: + +```js +import Vue from 'vue' +import { BootstrapVue, BIcon, BIconArrowUp, BIconArrowDown } from 'bootstrap-vue' + +Vue.use(BootstrapVue) +Vue.component('BIcon', BIcon) +Vue.component('BIconArrowUp', BIconArrowUp) +Vue.component('BIconArrowDown', BIconArrowDown) +``` + +Or if using in specific pages or components: + +```js +import { BIcon, BIconArrowUp, BIconArrowDown } from 'bootstrap-vue' + +export default { + components: { + BIcon, + BIconArrowUp, + BIconArrowDown + }, + props: { + // ... + } + // ... +} +``` + +If you are using _only_ `BootstrapVueIcons` or `IconsPlugin` in your project, you can also just +import the required icons CSS, rather than the full Bootstrap and BootstrapVue SCSS/CSS. + +```js +import { BootstrapVueIcons } from 'bootstrap-vue' +import 'bootstrap-vue/dist/bootstrap-vue-icons.min.css' + +Vue.use(BootstrapVueIcons) +``` + +Or if using the icons SCSS source: + +```js +import { BootstrapVueIcons } from 'bootstrap-vue' +import 'bootstrap-vue/src/icons.scss' + +Vue.use(BootstrapVueIcons) +``` + +BootstrapVue icons SCSS/CSS does not depend on any Bootstrap SASS variables, mixins, functions or +CSS classes. Please note that the icons CSS is _also_ included in the main BootstrapVue SCSS/CSS +files. + +### Browser + +Icons are **not** installed by default in the UMD browser build, so you must explicitly include the +icons library: + +```html + + + + + + + + +``` + +If using just the icons: + +```html + + + + + + + +``` + +### Icon components + +You can either uses individual icon components, or use the icon helper component ``, to +place icons in your project templates. + +All individual icon components are prefixed with the name ``, where `{name}` is one +of the icon names listed in the [Icons](#icons) section above. + +**Using individual icon components:** + +```html + + + +``` + +**Using the `` helper component:** + +```html + + + +``` + +**Note:** when using ``, you **must** also import the required individual icon components, +unless you are using the `IconsPlugin` or `BootstrapVueIcons` plugin. + +## Variants + +By default, icons inherit the current text color of their parent element. All icon components +provide a `variant` prop to apply one of the bootstrap contextual text variant colors: + +```html + + + +``` + +You can also use custom CSS to set the icon color, either via direct `style` attribute, or via +custom classes: + +```html + + + +``` + +The `variant` prop places the [color utility class](/docs/reference/color-variants) `text-{variant}` +on the icon's root element. + +## Sizing + +Icons have a default width and height of `1em`, which means they will scale with the size of the +current font size: + +```html + + + +``` + +You can also use custom CSS to set the icon size, either via direct `style` attribute, or via custom +classes: + +```html + + + +``` + +You can also use the prop `font-scale` to scale the icon's current font size by the specified +factor: + +```html + + + +``` + +Also see the [scaling transforms](#scale) section below for additional sizing options. + +## Styling + +With the use of Bootstrap's border and background +[utility classes](/docs/reference/utility-classes), you can create various styling effects: + +```html + + + +``` + +## Transforms + +BootstrapVue icons provide several props for applying basic CSS transforms to the ``. All +transforms can be combined for added effect. Note that the transforms are applied to the `` +content, and not the `` bounding box. + +### Flipping + +Flip the icon horizontally and/or vertically via the `flip-h` and `flip-v` props. + +```html +
+ + + + +
+ + + +``` + +### Rotate + +Rotate the icon by a specified number of degrees via the `rotate` prop. Positive values will rotate +the icon clockwise, while negative values will rotate the icon counterclockwise. + +```html + + + +``` + +Note that any [flipping](#flipping) is performed before the rotation is applied. + +### Scale + +Scale the icon by any positive factor via the `scale` prop. Note this changes the icon's visual size +but not it's physical font size. To illustrate this we have added a background color to the icons. + +```html + + + +``` + +If you need to have the background and/or border scale with the icon, use the `font-scale` prop +instead. + +### Shifting + +Shifting affects icon location without changing or moving the svg container. To move icons on the +horizontal and/or vertical axis, use the `shift-h` and `shift-v` props with any arbitrary numeric +value, including decimals. + +For `shift-v`, positive values will move the icon upwards, while negative values will move the icon +downwards. For `shift-h`, positive values will move the icon to the right, while negative values +will move it left. Both props accept values that are in units of 1/16em (relative to the icon's +current _font size_). + +For clarity in the example, we’ve added a background color on the icon so you can see the effect. + +```html + + + +``` + +Shifting is applied after any rotation transforms. As with scaling, backgrounds and borders are not +affected. If you need to shift the border/background with the icon, use Bootstrap's margin +[spacing utility classes](/docs/reference/utility-classes). + +## Using in components + +Easily place icons as content in other components. + +Note that icons placed in BootstrapVue components use BootstrapVue's custom CSS for additional +styling compensation due to current issues with Bootstrap Icons `` alignment implementation, +and for additional aesthetic scaling (icons placed in the components listed below will have their +font scaled by 125%). + +### Buttons + +```html +
+ + Settings + +
+ + Pay now + +
+ + Logout + +
+ + + Help + +
+ + + +``` + +### Button groups and toolbars + +#### Button Group + +```html + + + +``` + +#### Button Toolbar + +```html + + + +``` + +### Input groups + +```html + + + +``` + +### List groups + +```html + + + +``` + +### Dropdowns + +```html + + + +``` + +## Working with SVGs + +SVGs are awesome to work with, but they do have some known quirks to work around. + +- **Focus handling is broken in Internet Explorer and Edge.** We have added the attribute + `focusable="false"` to the `` element. You can override this by setting the attribute + `focusable="false"` on the icon component. +- **Browsers inconsistently announce SVGs as `` tags with voice assistance.** Hence, we have + added added the attributes `role="img"` and `alt="icon"`. You can override these attributes if + needed. +- **Safari skips `aria-label` when used on non-focusable SVGs.** As such, use the attribute + `aria-hidden="true"` when using the icon and use CSS to visually hide the equivalent label. diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss new file mode 100644 index 00000000000..b6d887e6cb9 --- /dev/null +++ b/src/icons/_icons.scss @@ -0,0 +1,26 @@ +// Base icon styling +.b-icon { + &.bi { + display: inline-block; + overflow: visible; + // The following is required to compensate for alignment + // issues with the Bootstrap Icons alpha implementation + // And might be able to remove in future version of bootstrap-icons + // Perhaps this values should be SASS variables? + vertical-align: -0.15em; + } +} + +// Make icons slightly larger in buttons, nav-links, dropdowns, and input-group-text +.btn, +.nav-link, +.dropdown-toggle, +.dropdown-item, +.input-group-text { + .b-icon { + &.bi { + font-size: 125%; + vertical-align: text-bottom; + } + } +} diff --git a/src/icons/helpers/make-icon.js b/src/icons/helpers/make-icon.js new file mode 100644 index 00000000000..7022c82a300 --- /dev/null +++ b/src/icons/helpers/make-icon.js @@ -0,0 +1,140 @@ +import Vue from '../../utils/vue' +import { mergeData } from 'vue-functional-data-merge' +import identity from '../../utils/identity' +import { kebabCase, pascalCase, trim } from '../../utils/string' +import { toFloat } from '../../utils/number' + +// Common icon props (should be cloned/spread before using) +export const commonIconProps = { + variant: { + type: String, + default: null + }, + fontScale: { + type: [Number, String], + default: 1 + }, + scale: { + type: [Number, String], + default: 1 + }, + rotate: { + type: [Number, String], + default: 0 + }, + flipH: { + type: Boolean, + default: false + }, + flipV: { + type: Boolean, + default: false + }, + shiftH: { + type: [Number, String], + default: 0 + }, + shiftV: { + type: [Number, String], + default: 0 + } +} + +// Base attributes needed on all icons +const baseAttrs = { + width: '1em', + height: '1em', + viewBox: '0 0 20 20', + focusable: 'false', + role: 'img', + alt: 'icon' +} + +// Shared private base component to reduce bundle/runtime size +// @vue/component +const BVIconBase = { + name: 'BVIconBase', + functional: true, + props: { + content: { + type: String + }, + ...commonIconProps + }, + render(h, { data, props }) { + const fontScale = toFloat(props.fontScale) || 1 + const scale = toFloat(props.scale) || 1 + const rotate = toFloat(props.rotate) || 0 + const shiftH = toFloat(props.shiftH) || 0 + const shiftV = toFloat(props.shiftV) || 0 + const flipH = props.flipH + const flipV = props.flipV + // Compute the transforms. Note that order is important + // CSS transforms are applied in order from right to left + // and we want flipping to occur before rotation, and + // shifting is applied last + const transforms = [ + shiftH ? `translateX(${(100 * shiftH) / 16}%)` : null, + shiftV ? `translateY(${(-100 * shiftV) / 16}%)` : null, + rotate ? `rotate(${rotate}deg)` : null, + flipH || flipV || scale !== 1 + ? `scale(${(flipH ? -1 : 1) * scale}, ${(flipV ? -1 : 1) * scale})` + : null + ].filter(identity) + + // We wrap the content in a `` for handling the transforms + const $inner = h('g', { + style: { + transform: transforms.join(' ') || null, + transformOrigin: transforms.length > 0 ? 'center' : null + }, + domProps: { innerHTML: props.content || '' } + }) + + return h( + 'svg', + mergeData( + { + class: { [`text-${props.variant}`]: !!props.variant }, + attrs: baseAttrs, + style: { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` } + }, + // Merge in user supplied data + data, + // These cannot be overridden by users + { + staticClass: 'b-icon bi', + attrs: { xmlns: 'http://www.w3.org/2000/svg', fill: 'currentColor' } + } + ), + [$inner] + ) + } +} + +/** + * Icon component generator function + * + * @param {string} icon name (minus the leading `BIcon`) + * @param {string} raw innerHTML for SVG + * @return {VueComponent} + */ +export const makeIcon = (name, content) => { + // For performance reason we pre-compute some values, so that + // they are not computed on each render of the icon component + const iconName = `BIcon${pascalCase(name)}` + const iconNameClass = `bi-${kebabCase(name)}` + const svgContent = trim(content || '') + // Return the icon component definition + return Vue.extend({ + name: iconName, + functional: true, + props: { ...commonIconProps }, + render(h, { data, props }) { + return h( + BVIconBase, + mergeData(data, { staticClass: iconNameClass, props: { ...props, content: svgContent } }) + ) + } + }) +} diff --git a/src/icons/icon.js b/src/icons/icon.js new file mode 100644 index 00000000000..57740223e35 --- /dev/null +++ b/src/icons/icon.js @@ -0,0 +1,32 @@ +import Vue from '../utils/vue' +import { mergeData } from 'vue-functional-data-merge' +import { pascalCase, trim } from '../utils/string' +import { BIconBlank } from './icons' +import { commonIconProps } from './helpers/make-icon' + +const RX_ICON_PREFIX = /^BIcon/ + +// Helper BIcon component +// Requires the requested icon component to be installed +export const BIcon = /*#__PURE__*/ Vue.extend({ + name: 'BIcon', + functional: true, + props: { + icon: { + type: String, + default: null + }, + ...commonIconProps + }, + render(h, { data, props, parent }) { + const icon = pascalCase(trim(props.icon || '')).replace(RX_ICON_PREFIX, '') + const iconName = `BIcon${icon}` + // If parent context exists, we check to see if the icon has been registered + // Either locally in the parent component, or globally at the `$root` level + // If not registered, we render a blank icon + const components = ((parent || {}).$options || {}).components + const componentRefOrName = + icon && components ? components[iconName] || BIconBlank : icon ? iconName : BIconBlank + return h(componentRefOrName, mergeData(data, { props: { ...props, icon: null } })) + } +}) diff --git a/src/icons/icons.d.ts b/src/icons/icons.d.ts new file mode 100644 index 00000000000..93628c0568e --- /dev/null +++ b/src/icons/icons.d.ts @@ -0,0 +1,648 @@ +// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: 1.0.0-alpha2 +// @Generated: 2019-12-21T09:21:11.885Z +// +// This file is generated on each build. Do not edit this file. +// + +import Vue from 'vue' +import { BvComponent } from '../' + +// --- BootstrapVue custom icons --- + +export declare class BIconBlank extends BvComponent {} + +// --- Bootstrap Icons --- + +export declare class BIconAlarm extends BvComponent {} + +export declare class BIconAlarmFill extends BvComponent {} + +export declare class BIconAlertCircle extends BvComponent {} + +export declare class BIconAlertCircleFill extends BvComponent {} + +export declare class BIconAlertOctagon extends BvComponent {} + +export declare class BIconAlertOctagonFill extends BvComponent {} + +export declare class BIconAlertSquare extends BvComponent {} + +export declare class BIconAlertSquareFill extends BvComponent {} + +export declare class BIconAlertTriangle extends BvComponent {} + +export declare class BIconAlertTriangleFill extends BvComponent {} + +export declare class BIconArchive extends BvComponent {} + +export declare class BIconArchiveFill extends BvComponent {} + +export declare class BIconArrowBarBottom extends BvComponent {} + +export declare class BIconArrowBarLeft extends BvComponent {} + +export declare class BIconArrowBarRight extends BvComponent {} + +export declare class BIconArrowBarUp extends BvComponent {} + +export declare class BIconArrowClockwise extends BvComponent {} + +export declare class BIconArrowCounterclockwise extends BvComponent {} + +export declare class BIconArrowDown extends BvComponent {} + +export declare class BIconArrowDownLeft extends BvComponent {} + +export declare class BIconArrowDownRight extends BvComponent {} + +export declare class BIconArrowDownShort extends BvComponent {} + +export declare class BIconArrowLeft extends BvComponent {} + +export declare class BIconArrowLeftRight extends BvComponent {} + +export declare class BIconArrowLeftShort extends BvComponent {} + +export declare class BIconArrowRepeat extends BvComponent {} + +export declare class BIconArrowRight extends BvComponent {} + +export declare class BIconArrowRightShort extends BvComponent {} + +export declare class BIconArrowUp extends BvComponent {} + +export declare class BIconArrowUpDown extends BvComponent {} + +export declare class BIconArrowUpLeft extends BvComponent {} + +export declare class BIconArrowUpRight extends BvComponent {} + +export declare class BIconArrowUpShort extends BvComponent {} + +export declare class BIconArrowsAngleContract extends BvComponent {} + +export declare class BIconArrowsAngleExpand extends BvComponent {} + +export declare class BIconArrowsCollapse extends BvComponent {} + +export declare class BIconArrowsExpand extends BvComponent {} + +export declare class BIconArrowsFullscreen extends BvComponent {} + +export declare class BIconAt extends BvComponent {} + +export declare class BIconAward extends BvComponent {} + +export declare class BIconBackspace extends BvComponent {} + +export declare class BIconBackspaceFill extends BvComponent {} + +export declare class BIconBackspaceReverse extends BvComponent {} + +export declare class BIconBackspaceReverseFill extends BvComponent {} + +export declare class BIconBarChart extends BvComponent {} + +export declare class BIconBarChartFill extends BvComponent {} + +export declare class BIconBattery extends BvComponent {} + +export declare class BIconBatteryCharging extends BvComponent {} + +export declare class BIconBatteryFull extends BvComponent {} + +export declare class BIconBell extends BvComponent {} + +export declare class BIconBellFill extends BvComponent {} + +export declare class BIconBlockquoteLeft extends BvComponent {} + +export declare class BIconBlockquoteRight extends BvComponent {} + +export declare class BIconBook extends BvComponent {} + +export declare class BIconBookHalfFill extends BvComponent {} + +export declare class BIconBookmark extends BvComponent {} + +export declare class BIconBookmarkFill extends BvComponent {} + +export declare class BIconBootstrap extends BvComponent {} + +export declare class BIconBootstrapFill extends BvComponent {} + +export declare class BIconBootstrapReboot extends BvComponent {} + +export declare class BIconBoxArrowBottomLeft extends BvComponent {} + +export declare class BIconBoxArrowBottomRight extends BvComponent {} + +export declare class BIconBoxArrowDown extends BvComponent {} + +export declare class BIconBoxArrowLeft extends BvComponent {} + +export declare class BIconBoxArrowRight extends BvComponent {} + +export declare class BIconBoxArrowUp extends BvComponent {} + +export declare class BIconBoxArrowUpLeft extends BvComponent {} + +export declare class BIconBoxArrowUpRight extends BvComponent {} + +export declare class BIconBraces extends BvComponent {} + +export declare class BIconBrightnessFillHigh extends BvComponent {} + +export declare class BIconBrightnessFillLow extends BvComponent {} + +export declare class BIconBrightnessHigh extends BvComponent {} + +export declare class BIconBrightnessLow extends BvComponent {} + +export declare class BIconBrush extends BvComponent {} + +export declare class BIconBucket extends BvComponent {} + +export declare class BIconBucketFill extends BvComponent {} + +export declare class BIconBuilding extends BvComponent {} + +export declare class BIconBullseye extends BvComponent {} + +export declare class BIconCalendar extends BvComponent {} + +export declare class BIconCalendarFill extends BvComponent {} + +export declare class BIconCamera extends BvComponent {} + +export declare class BIconCameraVideo extends BvComponent {} + +export declare class BIconCameraVideoFill extends BvComponent {} + +export declare class BIconCapslock extends BvComponent {} + +export declare class BIconCapslockFill extends BvComponent {} + +export declare class BIconChat extends BvComponent {} + +export declare class BIconChatFill extends BvComponent {} + +export declare class BIconCheck extends BvComponent {} + +export declare class BIconCheckBox extends BvComponent {} + +export declare class BIconCheckCircle extends BvComponent {} + +export declare class BIconChevronCompactDown extends BvComponent {} + +export declare class BIconChevronCompactLeft extends BvComponent {} + +export declare class BIconChevronCompactRight extends BvComponent {} + +export declare class BIconChevronCompactUp extends BvComponent {} + +export declare class BIconChevronDown extends BvComponent {} + +export declare class BIconChevronLeft extends BvComponent {} + +export declare class BIconChevronRight extends BvComponent {} + +export declare class BIconChevronUp extends BvComponent {} + +export declare class BIconCircle extends BvComponent {} + +export declare class BIconCircleFill extends BvComponent {} + +export declare class BIconCircleHalf extends BvComponent {} + +export declare class BIconCircleSlash extends BvComponent {} + +export declare class BIconClock extends BvComponent {} + +export declare class BIconClockFill extends BvComponent {} + +export declare class BIconCloud extends BvComponent {} + +export declare class BIconCloudDownload extends BvComponent {} + +export declare class BIconCloudFill extends BvComponent {} + +export declare class BIconCloudUpload extends BvComponent {} + +export declare class BIconCode extends BvComponent {} + +export declare class BIconCodeSlash extends BvComponent {} + +export declare class BIconColumns extends BvComponent {} + +export declare class BIconColumnsGutters extends BvComponent {} + +export declare class BIconCommand extends BvComponent {} + +export declare class BIconCompass extends BvComponent {} + +export declare class BIconCone extends BvComponent {} + +export declare class BIconConeStriped extends BvComponent {} + +export declare class BIconController extends BvComponent {} + +export declare class BIconCreditCard extends BvComponent {} + +export declare class BIconCursor extends BvComponent {} + +export declare class BIconCursorFill extends BvComponent {} + +export declare class BIconDash extends BvComponent {} + +export declare class BIconDiamond extends BvComponent {} + +export declare class BIconDiamondHalf extends BvComponent {} + +export declare class BIconDisplay extends BvComponent {} + +export declare class BIconDisplayFill extends BvComponent {} + +export declare class BIconDocument extends BvComponent {} + +export declare class BIconDocumentCode extends BvComponent {} + +export declare class BIconDocumentDiff extends BvComponent {} + +export declare class BIconDocumentRichtext extends BvComponent {} + +export declare class BIconDocumentSpreadsheet extends BvComponent {} + +export declare class BIconDocumentText extends BvComponent {} + +export declare class BIconDocuments extends BvComponent {} + +export declare class BIconDocumentsAlt extends BvComponent {} + +export declare class BIconDot extends BvComponent {} + +export declare class BIconDownload extends BvComponent {} + +export declare class BIconEggFried extends BvComponent {} + +export declare class BIconEject extends BvComponent {} + +export declare class BIconEjectFill extends BvComponent {} + +export declare class BIconEnvelope extends BvComponent {} + +export declare class BIconEnvelopeFill extends BvComponent {} + +export declare class BIconEnvelopeOpen extends BvComponent {} + +export declare class BIconEnvelopeOpenFill extends BvComponent {} + +export declare class BIconEye extends BvComponent {} + +export declare class BIconEyeFill extends BvComponent {} + +export declare class BIconEyeSlash extends BvComponent {} + +export declare class BIconEyeSlashFill extends BvComponent {} + +export declare class BIconFilter extends BvComponent {} + +export declare class BIconFlag extends BvComponent {} + +export declare class BIconFlagFill extends BvComponent {} + +export declare class BIconFolder extends BvComponent {} + +export declare class BIconFolderFill extends BvComponent {} + +export declare class BIconFolderSymlink extends BvComponent {} + +export declare class BIconFolderSymlinkFill extends BvComponent {} + +export declare class BIconFonts extends BvComponent {} + +export declare class BIconForward extends BvComponent {} + +export declare class BIconForwardFill extends BvComponent {} + +export declare class BIconGear extends BvComponent {} + +export declare class BIconGearFill extends BvComponent {} + +export declare class BIconGearWide extends BvComponent {} + +export declare class BIconGearWideConnected extends BvComponent {} + +export declare class BIconGeo extends BvComponent {} + +export declare class BIconGraphDown extends BvComponent {} + +export declare class BIconGraphUp extends BvComponent {} + +export declare class BIconGrid extends BvComponent {} + +export declare class BIconGridFill extends BvComponent {} + +export declare class BIconHammer extends BvComponent {} + +export declare class BIconHash extends BvComponent {} + +export declare class BIconHeart extends BvComponent {} + +export declare class BIconHeartFill extends BvComponent {} + +export declare class BIconHouse extends BvComponent {} + +export declare class BIconHouseFill extends BvComponent {} + +export declare class BIconImage extends BvComponent {} + +export declare class BIconImageAlt extends BvComponent {} + +export declare class BIconImageFill extends BvComponent {} + +export declare class BIconImages extends BvComponent {} + +export declare class BIconInbox extends BvComponent {} + +export declare class BIconInboxFill extends BvComponent {} + +export declare class BIconInboxes extends BvComponent {} + +export declare class BIconInboxesFill extends BvComponent {} + +export declare class BIconInfo extends BvComponent {} + +export declare class BIconInfoFill extends BvComponent {} + +export declare class BIconInfoSquare extends BvComponent {} + +export declare class BIconInfoSquareFill extends BvComponent {} + +export declare class BIconJustify extends BvComponent {} + +export declare class BIconJustifyLeft extends BvComponent {} + +export declare class BIconJustifyRight extends BvComponent {} + +export declare class BIconKanban extends BvComponent {} + +export declare class BIconKanbanFill extends BvComponent {} + +export declare class BIconLaptop extends BvComponent {} + +export declare class BIconLayoutSidebar extends BvComponent {} + +export declare class BIconLayoutSidebarReverse extends BvComponent {} + +export declare class BIconLayoutSplit extends BvComponent {} + +export declare class BIconList extends BvComponent {} + +export declare class BIconListCheck extends BvComponent {} + +export declare class BIconListOl extends BvComponent {} + +export declare class BIconListTask extends BvComponent {} + +export declare class BIconListUl extends BvComponent {} + +export declare class BIconLock extends BvComponent {} + +export declare class BIconLockFill extends BvComponent {} + +export declare class BIconMap extends BvComponent {} + +export declare class BIconMic extends BvComponent {} + +export declare class BIconMoon extends BvComponent {} + +export declare class BIconMusicPlayer extends BvComponent {} + +export declare class BIconMusicPlayerFill extends BvComponent {} + +export declare class BIconOption extends BvComponent {} + +export declare class BIconOutlet extends BvComponent {} + +export declare class BIconPause extends BvComponent {} + +export declare class BIconPauseFill extends BvComponent {} + +export declare class BIconPen extends BvComponent {} + +export declare class BIconPencil extends BvComponent {} + +export declare class BIconPeople extends BvComponent {} + +export declare class BIconPeopleFill extends BvComponent {} + +export declare class BIconPerson extends BvComponent {} + +export declare class BIconPersonFill extends BvComponent {} + +export declare class BIconPhone extends BvComponent {} + +export declare class BIconPhoneLandscape extends BvComponent {} + +export declare class BIconPieChart extends BvComponent {} + +export declare class BIconPieChartFill extends BvComponent {} + +export declare class BIconPlay extends BvComponent {} + +export declare class BIconPlayFill extends BvComponent {} + +export declare class BIconPlug extends BvComponent {} + +export declare class BIconPlus extends BvComponent {} + +export declare class BIconPower extends BvComponent {} + +export declare class BIconQuestion extends BvComponent {} + +export declare class BIconQuestionFill extends BvComponent {} + +export declare class BIconQuestionSquare extends BvComponent {} + +export declare class BIconQuestionSquareFill extends BvComponent {} + +export declare class BIconReply extends BvComponent {} + +export declare class BIconReplyAll extends BvComponent {} + +export declare class BIconReplyAllFill extends BvComponent {} + +export declare class BIconReplyFill extends BvComponent {} + +export declare class BIconScrewdriver extends BvComponent {} + +export declare class BIconSearch extends BvComponent {} + +export declare class BIconShield extends BvComponent {} + +export declare class BIconShieldFill extends BvComponent {} + +export declare class BIconShieldLock extends BvComponent {} + +export declare class BIconShieldLockFill extends BvComponent {} + +export declare class BIconShieldShaded extends BvComponent {} + +export declare class BIconShift extends BvComponent {} + +export declare class BIconShiftFill extends BvComponent {} + +export declare class BIconSkipBackward extends BvComponent {} + +export declare class BIconSkipBackwardFill extends BvComponent {} + +export declare class BIconSkipEnd extends BvComponent {} + +export declare class BIconSkipEndFill extends BvComponent {} + +export declare class BIconSkipForward extends BvComponent {} + +export declare class BIconSkipForwardFill extends BvComponent {} + +export declare class BIconSkipStart extends BvComponent {} + +export declare class BIconSkipStartFill extends BvComponent {} + +export declare class BIconSpeaker extends BvComponent {} + +export declare class BIconSquare extends BvComponent {} + +export declare class BIconSquareFill extends BvComponent {} + +export declare class BIconSquareHalf extends BvComponent {} + +export declare class BIconStar extends BvComponent {} + +export declare class BIconStarFill extends BvComponent {} + +export declare class BIconStarHalf extends BvComponent {} + +export declare class BIconStop extends BvComponent {} + +export declare class BIconStopFill extends BvComponent {} + +export declare class BIconStopwatch extends BvComponent {} + +export declare class BIconStopwatchFill extends BvComponent {} + +export declare class BIconSun extends BvComponent {} + +export declare class BIconTable extends BvComponent {} + +export declare class BIconTablet extends BvComponent {} + +export declare class BIconTabletLandscape extends BvComponent {} + +export declare class BIconTag extends BvComponent {} + +export declare class BIconTagFill extends BvComponent {} + +export declare class BIconTerminal extends BvComponent {} + +export declare class BIconTerminalFill extends BvComponent {} + +export declare class BIconTextCenter extends BvComponent {} + +export declare class BIconTextIndentLeft extends BvComponent {} + +export declare class BIconTextIndentRight extends BvComponent {} + +export declare class BIconTextLeft extends BvComponent {} + +export declare class BIconTextRight extends BvComponent {} + +export declare class BIconThreeDots extends BvComponent {} + +export declare class BIconThreeDotsVertical extends BvComponent {} + +export declare class BIconToggleOff extends BvComponent {} + +export declare class BIconToggleOn extends BvComponent {} + +export declare class BIconToggles extends BvComponent {} + +export declare class BIconTools extends BvComponent {} + +export declare class BIconTrash extends BvComponent {} + +export declare class BIconTrashFill extends BvComponent {} + +export declare class BIconTriangle extends BvComponent {} + +export declare class BIconTriangleFill extends BvComponent {} + +export declare class BIconTriangleHalf extends BvComponent {} + +export declare class BIconTrophy extends BvComponent {} + +export declare class BIconTv extends BvComponent {} + +export declare class BIconTvFill extends BvComponent {} + +export declare class BIconType extends BvComponent {} + +export declare class BIconTypeBold extends BvComponent {} + +export declare class BIconTypeH1 extends BvComponent {} + +export declare class BIconTypeH2 extends BvComponent {} + +export declare class BIconTypeH3 extends BvComponent {} + +export declare class BIconTypeItalic extends BvComponent {} + +export declare class BIconTypeStrikethrough extends BvComponent {} + +export declare class BIconTypeUnderline extends BvComponent {} + +export declare class BIconUnlock extends BvComponent {} + +export declare class BIconUnlockFill extends BvComponent {} + +export declare class BIconUpload extends BvComponent {} + +export declare class BIconVolumeDown extends BvComponent {} + +export declare class BIconVolumeDownFill extends BvComponent {} + +export declare class BIconVolumeMute extends BvComponent {} + +export declare class BIconVolumeMuteFill extends BvComponent {} + +export declare class BIconVolumeUp extends BvComponent {} + +export declare class BIconVolumeUpFill extends BvComponent {} + +export declare class BIconWallet extends BvComponent {} + +export declare class BIconWatch extends BvComponent {} + +export declare class BIconWifi extends BvComponent {} + +export declare class BIconWindow extends BvComponent {} + +export declare class BIconWrench extends BvComponent {} + +export declare class BIconX extends BvComponent {} + +export declare class BIconXCircle extends BvComponent {} + +export declare class BIconXCircleFill extends BvComponent {} + +export declare class BIconXOctagon extends BvComponent {} + +export declare class BIconXOctagonFill extends BvComponent {} + +export declare class BIconXSquare extends BvComponent {} + +export declare class BIconXSquareFill extends BvComponent {} + +// --- END AUTO-GENERATED FILE --- diff --git a/src/icons/icons.js b/src/icons/icons.js new file mode 100644 index 00000000000..d6eef9f0fac --- /dev/null +++ b/src/icons/icons.js @@ -0,0 +1,1599 @@ +// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: 1.0.0-alpha2 +// @Generated: 2019-12-21T09:21:11.885Z +// +// This file is generated on each build. Do not edit this file. +// +/*! + * BootstrapVue Icons, generated from Bootstrap Icons 1.0.0-alpha2 + * + * @link https://icons.getbootstrap.com/ + * @license MIT + * https://github.com/twbs/icons/blob/master/LICENSE.md + */ + +import { makeIcon } from './helpers/make-icon' + +// --- BootstrapVue custom icons --- + +export const BIconBlank = /*#__PURE__*/ makeIcon('Blank', '') + +// --- Bootstrap Icons --- + +export const BIconAlarm = /*#__PURE__*/ makeIcon( + 'Alarm', + '' +) + +export const BIconAlarmFill = /*#__PURE__*/ makeIcon( + 'AlarmFill', + '' +) + +export const BIconAlertCircle = /*#__PURE__*/ makeIcon( + 'AlertCircle', + '' +) + +export const BIconAlertCircleFill = /*#__PURE__*/ makeIcon( + 'AlertCircleFill', + '' +) + +export const BIconAlertOctagon = /*#__PURE__*/ makeIcon( + 'AlertOctagon', + '' +) + +export const BIconAlertOctagonFill = /*#__PURE__*/ makeIcon( + 'AlertOctagonFill', + '' +) + +export const BIconAlertSquare = /*#__PURE__*/ makeIcon( + 'AlertSquare', + '' +) + +export const BIconAlertSquareFill = /*#__PURE__*/ makeIcon( + 'AlertSquareFill', + '' +) + +export const BIconAlertTriangle = /*#__PURE__*/ makeIcon( + 'AlertTriangle', + '' +) + +export const BIconAlertTriangleFill = /*#__PURE__*/ makeIcon( + 'AlertTriangleFill', + '' +) + +export const BIconArchive = /*#__PURE__*/ makeIcon( + 'Archive', + '' +) + +export const BIconArchiveFill = /*#__PURE__*/ makeIcon( + 'ArchiveFill', + '' +) + +export const BIconArrowBarBottom = /*#__PURE__*/ makeIcon( + 'ArrowBarBottom', + '' +) + +export const BIconArrowBarLeft = /*#__PURE__*/ makeIcon( + 'ArrowBarLeft', + '' +) + +export const BIconArrowBarRight = /*#__PURE__*/ makeIcon( + 'ArrowBarRight', + '' +) + +export const BIconArrowBarUp = /*#__PURE__*/ makeIcon( + 'ArrowBarUp', + '' +) + +export const BIconArrowClockwise = /*#__PURE__*/ makeIcon( + 'ArrowClockwise', + '' +) + +export const BIconArrowCounterclockwise = /*#__PURE__*/ makeIcon( + 'ArrowCounterclockwise', + '' +) + +export const BIconArrowDown = /*#__PURE__*/ makeIcon( + 'ArrowDown', + '' +) + +export const BIconArrowDownLeft = /*#__PURE__*/ makeIcon( + 'ArrowDownLeft', + '' +) + +export const BIconArrowDownRight = /*#__PURE__*/ makeIcon( + 'ArrowDownRight', + '' +) + +export const BIconArrowDownShort = /*#__PURE__*/ makeIcon( + 'ArrowDownShort', + '' +) + +export const BIconArrowLeft = /*#__PURE__*/ makeIcon( + 'ArrowLeft', + '' +) + +export const BIconArrowLeftRight = /*#__PURE__*/ makeIcon( + 'ArrowLeftRight', + '' +) + +export const BIconArrowLeftShort = /*#__PURE__*/ makeIcon( + 'ArrowLeftShort', + '' +) + +export const BIconArrowRepeat = /*#__PURE__*/ makeIcon( + 'ArrowRepeat', + '' +) + +export const BIconArrowRight = /*#__PURE__*/ makeIcon( + 'ArrowRight', + '' +) + +export const BIconArrowRightShort = /*#__PURE__*/ makeIcon( + 'ArrowRightShort', + '' +) + +export const BIconArrowUp = /*#__PURE__*/ makeIcon( + 'ArrowUp', + '' +) + +export const BIconArrowUpDown = /*#__PURE__*/ makeIcon( + 'ArrowUpDown', + '' +) + +export const BIconArrowUpLeft = /*#__PURE__*/ makeIcon( + 'ArrowUpLeft', + '' +) + +export const BIconArrowUpRight = /*#__PURE__*/ makeIcon( + 'ArrowUpRight', + '' +) + +export const BIconArrowUpShort = /*#__PURE__*/ makeIcon( + 'ArrowUpShort', + '' +) + +export const BIconArrowsAngleContract = /*#__PURE__*/ makeIcon( + 'ArrowsAngleContract', + '' +) + +export const BIconArrowsAngleExpand = /*#__PURE__*/ makeIcon( + 'ArrowsAngleExpand', + '' +) + +export const BIconArrowsCollapse = /*#__PURE__*/ makeIcon( + 'ArrowsCollapse', + '' +) + +export const BIconArrowsExpand = /*#__PURE__*/ makeIcon( + 'ArrowsExpand', + '' +) + +export const BIconArrowsFullscreen = /*#__PURE__*/ makeIcon( + 'ArrowsFullscreen', + '' +) + +export const BIconAt = /*#__PURE__*/ makeIcon( + 'At', + '' +) + +export const BIconAward = /*#__PURE__*/ makeIcon( + 'Award', + '' +) + +export const BIconBackspace = /*#__PURE__*/ makeIcon( + 'Backspace', + '' +) + +export const BIconBackspaceFill = /*#__PURE__*/ makeIcon( + 'BackspaceFill', + '' +) + +export const BIconBackspaceReverse = /*#__PURE__*/ makeIcon( + 'BackspaceReverse', + '' +) + +export const BIconBackspaceReverseFill = /*#__PURE__*/ makeIcon( + 'BackspaceReverseFill', + '' +) + +export const BIconBarChart = /*#__PURE__*/ makeIcon( + 'BarChart', + '' +) + +export const BIconBarChartFill = /*#__PURE__*/ makeIcon( + 'BarChartFill', + '' +) + +export const BIconBattery = /*#__PURE__*/ makeIcon( + 'Battery', + '' +) + +export const BIconBatteryCharging = /*#__PURE__*/ makeIcon( + 'BatteryCharging', + '' +) + +export const BIconBatteryFull = /*#__PURE__*/ makeIcon( + 'BatteryFull', + '' +) + +export const BIconBell = /*#__PURE__*/ makeIcon( + 'Bell', + '' +) + +export const BIconBellFill = /*#__PURE__*/ makeIcon( + 'BellFill', + '' +) + +export const BIconBlockquoteLeft = /*#__PURE__*/ makeIcon( + 'BlockquoteLeft', + '' +) + +export const BIconBlockquoteRight = /*#__PURE__*/ makeIcon( + 'BlockquoteRight', + '' +) + +export const BIconBook = /*#__PURE__*/ makeIcon( + 'Book', + '' +) + +export const BIconBookHalfFill = /*#__PURE__*/ makeIcon( + 'BookHalfFill', + '' +) + +export const BIconBookmark = /*#__PURE__*/ makeIcon( + 'Bookmark', + '' +) + +export const BIconBookmarkFill = /*#__PURE__*/ makeIcon( + 'BookmarkFill', + '' +) + +export const BIconBootstrap = /*#__PURE__*/ makeIcon( + 'Bootstrap', + '' +) + +export const BIconBootstrapFill = /*#__PURE__*/ makeIcon( + 'BootstrapFill', + '' +) + +export const BIconBootstrapReboot = /*#__PURE__*/ makeIcon( + 'BootstrapReboot', + '' +) + +export const BIconBoxArrowBottomLeft = /*#__PURE__*/ makeIcon( + 'BoxArrowBottomLeft', + '' +) + +export const BIconBoxArrowBottomRight = /*#__PURE__*/ makeIcon( + 'BoxArrowBottomRight', + '' +) + +export const BIconBoxArrowDown = /*#__PURE__*/ makeIcon( + 'BoxArrowDown', + '' +) + +export const BIconBoxArrowLeft = /*#__PURE__*/ makeIcon( + 'BoxArrowLeft', + '' +) + +export const BIconBoxArrowRight = /*#__PURE__*/ makeIcon( + 'BoxArrowRight', + '' +) + +export const BIconBoxArrowUp = /*#__PURE__*/ makeIcon( + 'BoxArrowUp', + '' +) + +export const BIconBoxArrowUpLeft = /*#__PURE__*/ makeIcon( + 'BoxArrowUpLeft', + '' +) + +export const BIconBoxArrowUpRight = /*#__PURE__*/ makeIcon( + 'BoxArrowUpRight', + '' +) + +export const BIconBraces = /*#__PURE__*/ makeIcon( + 'Braces', + '' +) + +export const BIconBrightnessFillHigh = /*#__PURE__*/ makeIcon( + 'BrightnessFillHigh', + '' +) + +export const BIconBrightnessFillLow = /*#__PURE__*/ makeIcon( + 'BrightnessFillLow', + '' +) + +export const BIconBrightnessHigh = /*#__PURE__*/ makeIcon( + 'BrightnessHigh', + '' +) + +export const BIconBrightnessLow = /*#__PURE__*/ makeIcon( + 'BrightnessLow', + '' +) + +export const BIconBrush = /*#__PURE__*/ makeIcon( + 'Brush', + '' +) + +export const BIconBucket = /*#__PURE__*/ makeIcon( + 'Bucket', + '' +) + +export const BIconBucketFill = /*#__PURE__*/ makeIcon( + 'BucketFill', + '' +) + +export const BIconBuilding = /*#__PURE__*/ makeIcon( + 'Building', + '' +) + +export const BIconBullseye = /*#__PURE__*/ makeIcon( + 'Bullseye', + '' +) + +export const BIconCalendar = /*#__PURE__*/ makeIcon( + 'Calendar', + '' +) + +export const BIconCalendarFill = /*#__PURE__*/ makeIcon( + 'CalendarFill', + '' +) + +export const BIconCamera = /*#__PURE__*/ makeIcon( + 'Camera', + '' +) + +export const BIconCameraVideo = /*#__PURE__*/ makeIcon( + 'CameraVideo', + '' +) + +export const BIconCameraVideoFill = /*#__PURE__*/ makeIcon( + 'CameraVideoFill', + '' +) + +export const BIconCapslock = /*#__PURE__*/ makeIcon( + 'Capslock', + '' +) + +export const BIconCapslockFill = /*#__PURE__*/ makeIcon( + 'CapslockFill', + '' +) + +export const BIconChat = /*#__PURE__*/ makeIcon( + 'Chat', + '' +) + +export const BIconChatFill = /*#__PURE__*/ makeIcon( + 'ChatFill', + '' +) + +export const BIconCheck = /*#__PURE__*/ makeIcon( + 'Check', + '' +) + +export const BIconCheckBox = /*#__PURE__*/ makeIcon( + 'CheckBox', + '' +) + +export const BIconCheckCircle = /*#__PURE__*/ makeIcon( + 'CheckCircle', + '' +) + +export const BIconChevronCompactDown = /*#__PURE__*/ makeIcon( + 'ChevronCompactDown', + '' +) + +export const BIconChevronCompactLeft = /*#__PURE__*/ makeIcon( + 'ChevronCompactLeft', + '' +) + +export const BIconChevronCompactRight = /*#__PURE__*/ makeIcon( + 'ChevronCompactRight', + '' +) + +export const BIconChevronCompactUp = /*#__PURE__*/ makeIcon( + 'ChevronCompactUp', + '' +) + +export const BIconChevronDown = /*#__PURE__*/ makeIcon( + 'ChevronDown', + '' +) + +export const BIconChevronLeft = /*#__PURE__*/ makeIcon( + 'ChevronLeft', + '' +) + +export const BIconChevronRight = /*#__PURE__*/ makeIcon( + 'ChevronRight', + '' +) + +export const BIconChevronUp = /*#__PURE__*/ makeIcon( + 'ChevronUp', + '' +) + +export const BIconCircle = /*#__PURE__*/ makeIcon( + 'Circle', + '' +) + +export const BIconCircleFill = /*#__PURE__*/ makeIcon( + 'CircleFill', + '' +) + +export const BIconCircleHalf = /*#__PURE__*/ makeIcon( + 'CircleHalf', + '' +) + +export const BIconCircleSlash = /*#__PURE__*/ makeIcon( + 'CircleSlash', + '' +) + +export const BIconClock = /*#__PURE__*/ makeIcon( + 'Clock', + '' +) + +export const BIconClockFill = /*#__PURE__*/ makeIcon( + 'ClockFill', + '' +) + +export const BIconCloud = /*#__PURE__*/ makeIcon( + 'Cloud', + '' +) + +export const BIconCloudDownload = /*#__PURE__*/ makeIcon( + 'CloudDownload', + '' +) + +export const BIconCloudFill = /*#__PURE__*/ makeIcon( + 'CloudFill', + '' +) + +export const BIconCloudUpload = /*#__PURE__*/ makeIcon( + 'CloudUpload', + '' +) + +export const BIconCode = /*#__PURE__*/ makeIcon( + 'Code', + '' +) + +export const BIconCodeSlash = /*#__PURE__*/ makeIcon( + 'CodeSlash', + '' +) + +export const BIconColumns = /*#__PURE__*/ makeIcon( + 'Columns', + '' +) + +export const BIconColumnsGutters = /*#__PURE__*/ makeIcon( + 'ColumnsGutters', + '' +) + +export const BIconCommand = /*#__PURE__*/ makeIcon( + 'Command', + '' +) + +export const BIconCompass = /*#__PURE__*/ makeIcon( + 'Compass', + '' +) + +export const BIconCone = /*#__PURE__*/ makeIcon( + 'Cone', + '' +) + +export const BIconConeStriped = /*#__PURE__*/ makeIcon( + 'ConeStriped', + '' +) + +export const BIconController = /*#__PURE__*/ makeIcon( + 'Controller', + '' +) + +export const BIconCreditCard = /*#__PURE__*/ makeIcon( + 'CreditCard', + '' +) + +export const BIconCursor = /*#__PURE__*/ makeIcon( + 'Cursor', + '' +) + +export const BIconCursorFill = /*#__PURE__*/ makeIcon( + 'CursorFill', + '' +) + +export const BIconDash = /*#__PURE__*/ makeIcon( + 'Dash', + '' +) + +export const BIconDiamond = /*#__PURE__*/ makeIcon( + 'Diamond', + '' +) + +export const BIconDiamondHalf = /*#__PURE__*/ makeIcon( + 'DiamondHalf', + '' +) + +export const BIconDisplay = /*#__PURE__*/ makeIcon( + 'Display', + '' +) + +export const BIconDisplayFill = /*#__PURE__*/ makeIcon( + 'DisplayFill', + '' +) + +export const BIconDocument = /*#__PURE__*/ makeIcon( + 'Document', + '' +) + +export const BIconDocumentCode = /*#__PURE__*/ makeIcon( + 'DocumentCode', + '' +) + +export const BIconDocumentDiff = /*#__PURE__*/ makeIcon( + 'DocumentDiff', + '' +) + +export const BIconDocumentRichtext = /*#__PURE__*/ makeIcon( + 'DocumentRichtext', + '' +) + +export const BIconDocumentSpreadsheet = /*#__PURE__*/ makeIcon( + 'DocumentSpreadsheet', + '' +) + +export const BIconDocumentText = /*#__PURE__*/ makeIcon( + 'DocumentText', + '' +) + +export const BIconDocuments = /*#__PURE__*/ makeIcon( + 'Documents', + '' +) + +export const BIconDocumentsAlt = /*#__PURE__*/ makeIcon( + 'DocumentsAlt', + '' +) + +export const BIconDot = /*#__PURE__*/ makeIcon( + 'Dot', + '' +) + +export const BIconDownload = /*#__PURE__*/ makeIcon( + 'Download', + '' +) + +export const BIconEggFried = /*#__PURE__*/ makeIcon( + 'EggFried', + '' +) + +export const BIconEject = /*#__PURE__*/ makeIcon( + 'Eject', + '' +) + +export const BIconEjectFill = /*#__PURE__*/ makeIcon( + 'EjectFill', + '' +) + +export const BIconEnvelope = /*#__PURE__*/ makeIcon( + 'Envelope', + '' +) + +export const BIconEnvelopeFill = /*#__PURE__*/ makeIcon( + 'EnvelopeFill', + '' +) + +export const BIconEnvelopeOpen = /*#__PURE__*/ makeIcon( + 'EnvelopeOpen', + '' +) + +export const BIconEnvelopeOpenFill = /*#__PURE__*/ makeIcon( + 'EnvelopeOpenFill', + '' +) + +export const BIconEye = /*#__PURE__*/ makeIcon( + 'Eye', + '' +) + +export const BIconEyeFill = /*#__PURE__*/ makeIcon( + 'EyeFill', + '' +) + +export const BIconEyeSlash = /*#__PURE__*/ makeIcon( + 'EyeSlash', + '' +) + +export const BIconEyeSlashFill = /*#__PURE__*/ makeIcon( + 'EyeSlashFill', + '' +) + +export const BIconFilter = /*#__PURE__*/ makeIcon( + 'Filter', + '' +) + +export const BIconFlag = /*#__PURE__*/ makeIcon( + 'Flag', + '' +) + +export const BIconFlagFill = /*#__PURE__*/ makeIcon( + 'FlagFill', + '' +) + +export const BIconFolder = /*#__PURE__*/ makeIcon( + 'Folder', + '' +) + +export const BIconFolderFill = /*#__PURE__*/ makeIcon( + 'FolderFill', + '' +) + +export const BIconFolderSymlink = /*#__PURE__*/ makeIcon( + 'FolderSymlink', + '' +) + +export const BIconFolderSymlinkFill = /*#__PURE__*/ makeIcon( + 'FolderSymlinkFill', + '' +) + +export const BIconFonts = /*#__PURE__*/ makeIcon( + 'Fonts', + '' +) + +export const BIconForward = /*#__PURE__*/ makeIcon( + 'Forward', + '' +) + +export const BIconForwardFill = /*#__PURE__*/ makeIcon( + 'ForwardFill', + '' +) + +export const BIconGear = /*#__PURE__*/ makeIcon( + 'Gear', + '' +) + +export const BIconGearFill = /*#__PURE__*/ makeIcon( + 'GearFill', + '' +) + +export const BIconGearWide = /*#__PURE__*/ makeIcon( + 'GearWide', + '' +) + +export const BIconGearWideConnected = /*#__PURE__*/ makeIcon( + 'GearWideConnected', + '' +) + +export const BIconGeo = /*#__PURE__*/ makeIcon( + 'Geo', + '' +) + +export const BIconGraphDown = /*#__PURE__*/ makeIcon( + 'GraphDown', + '' +) + +export const BIconGraphUp = /*#__PURE__*/ makeIcon( + 'GraphUp', + '' +) + +export const BIconGrid = /*#__PURE__*/ makeIcon( + 'Grid', + '' +) + +export const BIconGridFill = /*#__PURE__*/ makeIcon( + 'GridFill', + '' +) + +export const BIconHammer = /*#__PURE__*/ makeIcon( + 'Hammer', + '' +) + +export const BIconHash = /*#__PURE__*/ makeIcon( + 'Hash', + '' +) + +export const BIconHeart = /*#__PURE__*/ makeIcon( + 'Heart', + '' +) + +export const BIconHeartFill = /*#__PURE__*/ makeIcon( + 'HeartFill', + '' +) + +export const BIconHouse = /*#__PURE__*/ makeIcon( + 'House', + '' +) + +export const BIconHouseFill = /*#__PURE__*/ makeIcon( + 'HouseFill', + '' +) + +export const BIconImage = /*#__PURE__*/ makeIcon( + 'Image', + '' +) + +export const BIconImageAlt = /*#__PURE__*/ makeIcon( + 'ImageAlt', + '' +) + +export const BIconImageFill = /*#__PURE__*/ makeIcon( + 'ImageFill', + '' +) + +export const BIconImages = /*#__PURE__*/ makeIcon( + 'Images', + '' +) + +export const BIconInbox = /*#__PURE__*/ makeIcon( + 'Inbox', + '' +) + +export const BIconInboxFill = /*#__PURE__*/ makeIcon( + 'InboxFill', + '' +) + +export const BIconInboxes = /*#__PURE__*/ makeIcon( + 'Inboxes', + '' +) + +export const BIconInboxesFill = /*#__PURE__*/ makeIcon( + 'InboxesFill', + '' +) + +export const BIconInfo = /*#__PURE__*/ makeIcon( + 'Info', + '' +) + +export const BIconInfoFill = /*#__PURE__*/ makeIcon( + 'InfoFill', + '' +) + +export const BIconInfoSquare = /*#__PURE__*/ makeIcon( + 'InfoSquare', + '' +) + +export const BIconInfoSquareFill = /*#__PURE__*/ makeIcon( + 'InfoSquareFill', + '' +) + +export const BIconJustify = /*#__PURE__*/ makeIcon( + 'Justify', + '' +) + +export const BIconJustifyLeft = /*#__PURE__*/ makeIcon( + 'JustifyLeft', + '' +) + +export const BIconJustifyRight = /*#__PURE__*/ makeIcon( + 'JustifyRight', + '' +) + +export const BIconKanban = /*#__PURE__*/ makeIcon( + 'Kanban', + '' +) + +export const BIconKanbanFill = /*#__PURE__*/ makeIcon( + 'KanbanFill', + '' +) + +export const BIconLaptop = /*#__PURE__*/ makeIcon( + 'Laptop', + '' +) + +export const BIconLayoutSidebar = /*#__PURE__*/ makeIcon( + 'LayoutSidebar', + '' +) + +export const BIconLayoutSidebarReverse = /*#__PURE__*/ makeIcon( + 'LayoutSidebarReverse', + '' +) + +export const BIconLayoutSplit = /*#__PURE__*/ makeIcon( + 'LayoutSplit', + '' +) + +export const BIconList = /*#__PURE__*/ makeIcon( + 'List', + '' +) + +export const BIconListCheck = /*#__PURE__*/ makeIcon( + 'ListCheck', + '' +) + +export const BIconListOl = /*#__PURE__*/ makeIcon( + 'ListOl', + '' +) + +export const BIconListTask = /*#__PURE__*/ makeIcon( + 'ListTask', + '' +) + +export const BIconListUl = /*#__PURE__*/ makeIcon( + 'ListUl', + '' +) + +export const BIconLock = /*#__PURE__*/ makeIcon( + 'Lock', + '' +) + +export const BIconLockFill = /*#__PURE__*/ makeIcon( + 'LockFill', + '' +) + +export const BIconMap = /*#__PURE__*/ makeIcon( + 'Map', + '' +) + +export const BIconMic = /*#__PURE__*/ makeIcon( + 'Mic', + '' +) + +export const BIconMoon = /*#__PURE__*/ makeIcon( + 'Moon', + '' +) + +export const BIconMusicPlayer = /*#__PURE__*/ makeIcon( + 'MusicPlayer', + '' +) + +export const BIconMusicPlayerFill = /*#__PURE__*/ makeIcon( + 'MusicPlayerFill', + '' +) + +export const BIconOption = /*#__PURE__*/ makeIcon( + 'Option', + '' +) + +export const BIconOutlet = /*#__PURE__*/ makeIcon( + 'Outlet', + '' +) + +export const BIconPause = /*#__PURE__*/ makeIcon( + 'Pause', + '' +) + +export const BIconPauseFill = /*#__PURE__*/ makeIcon( + 'PauseFill', + '' +) + +export const BIconPen = /*#__PURE__*/ makeIcon( + 'Pen', + '' +) + +export const BIconPencil = /*#__PURE__*/ makeIcon( + 'Pencil', + '' +) + +export const BIconPeople = /*#__PURE__*/ makeIcon( + 'People', + '' +) + +export const BIconPeopleFill = /*#__PURE__*/ makeIcon( + 'PeopleFill', + '' +) + +export const BIconPerson = /*#__PURE__*/ makeIcon( + 'Person', + '' +) + +export const BIconPersonFill = /*#__PURE__*/ makeIcon( + 'PersonFill', + '' +) + +export const BIconPhone = /*#__PURE__*/ makeIcon( + 'Phone', + '' +) + +export const BIconPhoneLandscape = /*#__PURE__*/ makeIcon( + 'PhoneLandscape', + '' +) + +export const BIconPieChart = /*#__PURE__*/ makeIcon( + 'PieChart', + '' +) + +export const BIconPieChartFill = /*#__PURE__*/ makeIcon( + 'PieChartFill', + '' +) + +export const BIconPlay = /*#__PURE__*/ makeIcon( + 'Play', + '' +) + +export const BIconPlayFill = /*#__PURE__*/ makeIcon( + 'PlayFill', + '' +) + +export const BIconPlug = /*#__PURE__*/ makeIcon( + 'Plug', + '' +) + +export const BIconPlus = /*#__PURE__*/ makeIcon( + 'Plus', + '' +) + +export const BIconPower = /*#__PURE__*/ makeIcon( + 'Power', + '' +) + +export const BIconQuestion = /*#__PURE__*/ makeIcon( + 'Question', + '' +) + +export const BIconQuestionFill = /*#__PURE__*/ makeIcon( + 'QuestionFill', + '' +) + +export const BIconQuestionSquare = /*#__PURE__*/ makeIcon( + 'QuestionSquare', + '' +) + +export const BIconQuestionSquareFill = /*#__PURE__*/ makeIcon( + 'QuestionSquareFill', + '' +) + +export const BIconReply = /*#__PURE__*/ makeIcon( + 'Reply', + '' +) + +export const BIconReplyAll = /*#__PURE__*/ makeIcon( + 'ReplyAll', + '' +) + +export const BIconReplyAllFill = /*#__PURE__*/ makeIcon( + 'ReplyAllFill', + '' +) + +export const BIconReplyFill = /*#__PURE__*/ makeIcon( + 'ReplyFill', + '' +) + +export const BIconScrewdriver = /*#__PURE__*/ makeIcon( + 'Screwdriver', + '' +) + +export const BIconSearch = /*#__PURE__*/ makeIcon( + 'Search', + '' +) + +export const BIconShield = /*#__PURE__*/ makeIcon( + 'Shield', + '' +) + +export const BIconShieldFill = /*#__PURE__*/ makeIcon( + 'ShieldFill', + '' +) + +export const BIconShieldLock = /*#__PURE__*/ makeIcon( + 'ShieldLock', + '' +) + +export const BIconShieldLockFill = /*#__PURE__*/ makeIcon( + 'ShieldLockFill', + '' +) + +export const BIconShieldShaded = /*#__PURE__*/ makeIcon( + 'ShieldShaded', + '' +) + +export const BIconShift = /*#__PURE__*/ makeIcon( + 'Shift', + '' +) + +export const BIconShiftFill = /*#__PURE__*/ makeIcon( + 'ShiftFill', + '' +) + +export const BIconSkipBackward = /*#__PURE__*/ makeIcon( + 'SkipBackward', + '' +) + +export const BIconSkipBackwardFill = /*#__PURE__*/ makeIcon( + 'SkipBackwardFill', + '' +) + +export const BIconSkipEnd = /*#__PURE__*/ makeIcon( + 'SkipEnd', + '' +) + +export const BIconSkipEndFill = /*#__PURE__*/ makeIcon( + 'SkipEndFill', + '' +) + +export const BIconSkipForward = /*#__PURE__*/ makeIcon( + 'SkipForward', + '' +) + +export const BIconSkipForwardFill = /*#__PURE__*/ makeIcon( + 'SkipForwardFill', + '' +) + +export const BIconSkipStart = /*#__PURE__*/ makeIcon( + 'SkipStart', + '' +) + +export const BIconSkipStartFill = /*#__PURE__*/ makeIcon( + 'SkipStartFill', + '' +) + +export const BIconSpeaker = /*#__PURE__*/ makeIcon( + 'Speaker', + '' +) + +export const BIconSquare = /*#__PURE__*/ makeIcon( + 'Square', + '' +) + +export const BIconSquareFill = /*#__PURE__*/ makeIcon( + 'SquareFill', + '' +) + +export const BIconSquareHalf = /*#__PURE__*/ makeIcon( + 'SquareHalf', + '' +) + +export const BIconStar = /*#__PURE__*/ makeIcon( + 'Star', + '' +) + +export const BIconStarFill = /*#__PURE__*/ makeIcon( + 'StarFill', + '' +) + +export const BIconStarHalf = /*#__PURE__*/ makeIcon( + 'StarHalf', + '' +) + +export const BIconStop = /*#__PURE__*/ makeIcon( + 'Stop', + '' +) + +export const BIconStopFill = /*#__PURE__*/ makeIcon( + 'StopFill', + '' +) + +export const BIconStopwatch = /*#__PURE__*/ makeIcon( + 'Stopwatch', + '' +) + +export const BIconStopwatchFill = /*#__PURE__*/ makeIcon( + 'StopwatchFill', + '' +) + +export const BIconSun = /*#__PURE__*/ makeIcon( + 'Sun', + '' +) + +export const BIconTable = /*#__PURE__*/ makeIcon( + 'Table', + '' +) + +export const BIconTablet = /*#__PURE__*/ makeIcon( + 'Tablet', + '' +) + +export const BIconTabletLandscape = /*#__PURE__*/ makeIcon( + 'TabletLandscape', + '' +) + +export const BIconTag = /*#__PURE__*/ makeIcon( + 'Tag', + '' +) + +export const BIconTagFill = /*#__PURE__*/ makeIcon( + 'TagFill', + '' +) + +export const BIconTerminal = /*#__PURE__*/ makeIcon( + 'Terminal', + '' +) + +export const BIconTerminalFill = /*#__PURE__*/ makeIcon( + 'TerminalFill', + '' +) + +export const BIconTextCenter = /*#__PURE__*/ makeIcon( + 'TextCenter', + '' +) + +export const BIconTextIndentLeft = /*#__PURE__*/ makeIcon( + 'TextIndentLeft', + '' +) + +export const BIconTextIndentRight = /*#__PURE__*/ makeIcon( + 'TextIndentRight', + '' +) + +export const BIconTextLeft = /*#__PURE__*/ makeIcon( + 'TextLeft', + '' +) + +export const BIconTextRight = /*#__PURE__*/ makeIcon( + 'TextRight', + '' +) + +export const BIconThreeDots = /*#__PURE__*/ makeIcon( + 'ThreeDots', + '' +) + +export const BIconThreeDotsVertical = /*#__PURE__*/ makeIcon( + 'ThreeDotsVertical', + '' +) + +export const BIconToggleOff = /*#__PURE__*/ makeIcon( + 'ToggleOff', + '' +) + +export const BIconToggleOn = /*#__PURE__*/ makeIcon( + 'ToggleOn', + '' +) + +export const BIconToggles = /*#__PURE__*/ makeIcon( + 'Toggles', + '' +) + +export const BIconTools = /*#__PURE__*/ makeIcon( + 'Tools', + '' +) + +export const BIconTrash = /*#__PURE__*/ makeIcon( + 'Trash', + '' +) + +export const BIconTrashFill = /*#__PURE__*/ makeIcon( + 'TrashFill', + '' +) + +export const BIconTriangle = /*#__PURE__*/ makeIcon( + 'Triangle', + '' +) + +export const BIconTriangleFill = /*#__PURE__*/ makeIcon( + 'TriangleFill', + '' +) + +export const BIconTriangleHalf = /*#__PURE__*/ makeIcon( + 'TriangleHalf', + '' +) + +export const BIconTrophy = /*#__PURE__*/ makeIcon( + 'Trophy', + '' +) + +export const BIconTv = /*#__PURE__*/ makeIcon( + 'Tv', + '' +) + +export const BIconTvFill = /*#__PURE__*/ makeIcon( + 'TvFill', + '' +) + +export const BIconType = /*#__PURE__*/ makeIcon( + 'Type', + '' +) + +export const BIconTypeBold = /*#__PURE__*/ makeIcon( + 'TypeBold', + '' +) + +export const BIconTypeH1 = /*#__PURE__*/ makeIcon( + 'TypeH1', + '' +) + +export const BIconTypeH2 = /*#__PURE__*/ makeIcon( + 'TypeH2', + '' +) + +export const BIconTypeH3 = /*#__PURE__*/ makeIcon( + 'TypeH3', + '' +) + +export const BIconTypeItalic = /*#__PURE__*/ makeIcon( + 'TypeItalic', + '' +) + +export const BIconTypeStrikethrough = /*#__PURE__*/ makeIcon( + 'TypeStrikethrough', + '' +) + +export const BIconTypeUnderline = /*#__PURE__*/ makeIcon( + 'TypeUnderline', + '' +) + +export const BIconUnlock = /*#__PURE__*/ makeIcon( + 'Unlock', + '' +) + +export const BIconUnlockFill = /*#__PURE__*/ makeIcon( + 'UnlockFill', + '' +) + +export const BIconUpload = /*#__PURE__*/ makeIcon( + 'Upload', + '' +) + +export const BIconVolumeDown = /*#__PURE__*/ makeIcon( + 'VolumeDown', + '' +) + +export const BIconVolumeDownFill = /*#__PURE__*/ makeIcon( + 'VolumeDownFill', + '' +) + +export const BIconVolumeMute = /*#__PURE__*/ makeIcon( + 'VolumeMute', + '' +) + +export const BIconVolumeMuteFill = /*#__PURE__*/ makeIcon( + 'VolumeMuteFill', + '' +) + +export const BIconVolumeUp = /*#__PURE__*/ makeIcon( + 'VolumeUp', + '' +) + +export const BIconVolumeUpFill = /*#__PURE__*/ makeIcon( + 'VolumeUpFill', + '' +) + +export const BIconWallet = /*#__PURE__*/ makeIcon( + 'Wallet', + '' +) + +export const BIconWatch = /*#__PURE__*/ makeIcon( + 'Watch', + '' +) + +export const BIconWifi = /*#__PURE__*/ makeIcon( + 'Wifi', + '' +) + +export const BIconWindow = /*#__PURE__*/ makeIcon( + 'Window', + '' +) + +export const BIconWrench = /*#__PURE__*/ makeIcon( + 'Wrench', + '' +) + +export const BIconX = /*#__PURE__*/ makeIcon( + 'X', + '' +) + +export const BIconXCircle = /*#__PURE__*/ makeIcon( + 'XCircle', + '' +) + +export const BIconXCircleFill = /*#__PURE__*/ makeIcon( + 'XCircleFill', + '' +) + +export const BIconXOctagon = /*#__PURE__*/ makeIcon( + 'XOctagon', + '' +) + +export const BIconXOctagonFill = /*#__PURE__*/ makeIcon( + 'XOctagonFill', + '' +) + +export const BIconXSquare = /*#__PURE__*/ makeIcon( + 'XSquare', + '' +) + +export const BIconXSquareFill = /*#__PURE__*/ makeIcon( + 'XSquareFill', + '' +) + +// --- END AUTO-GENERATED FILE --- diff --git a/src/icons/icons.spec.js b/src/icons/icons.spec.js new file mode 100644 index 00000000000..d62b2468f93 --- /dev/null +++ b/src/icons/icons.spec.js @@ -0,0 +1,145 @@ +import { mount, createLocalVue as CreateLocalVue } from '@vue/test-utils' +import { IconsPlugin } from './index' +import { BIcon } from './icon' +import { makeIcon } from './helpers/make-icon' + +describe('icons', () => { + const localVue = new CreateLocalVue() + + const parentComponent = { + name: 'ParentComponent', + components: { + // For testing user defined Icons + BIconFakeIconTest: makeIcon('FakeIconTest', '') + }, + render(h) { + return h(this.$slots.default) + } + } + + beforeAll(() => { + // We install all icon components so that BIcon will work + localVue.use(IconsPlugin) + }) + + it('b-icon has expected structure', async () => { + const wrapper = mount(BIcon, { + localVue: localVue, + parentComponent: parentComponent, + propsData: { + icon: 'alert-circle-fill' + } + }) + + expect(wrapper.exists()).toBe(true) + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.classes()).toContain('b-icon') + expect(wrapper.classes()).toContain('bi') + expect(wrapper.classes()).toContain('bi-alert-circle-fill') + expect(wrapper.classes().length).toBe(3) + expect(wrapper.attributes('role')).toBe('img') + expect(wrapper.attributes('alt')).toBe('icon') + expect(wrapper.attributes('focusable')).toBe('false') + expect(wrapper.attributes('xmlns')).toBe('http://www.w3.org/2000/svg') + expect(wrapper.attributes('width')).toBe('1em') + expect(wrapper.attributes('height')).toBe('1em') + expect(wrapper.attributes('viewBox')).toBe('0 0 20 20') + expect(wrapper.attributes('fill')).toBe('currentColor') + expect(wrapper.find('path').exists()).toBe(true) + }) + + it('b-icon with empty icon name renders BIconBlank', async () => { + // This test assumes Vue doesn't puke on unknown component names + // As we don't specify a parent instance (which has all the registered + // components for the icons) + const wrapper = mount(BIcon, { + localVue: localVue, + propsData: { + icon: '' + } + }) + expect(wrapper.exists()).toBe(true) + expect(wrapper.text()).toBe('') + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.classes()).toContain('b-icon') + expect(wrapper.classes()).toContain('bi') + expect(wrapper.classes()).toContain('bi-blank') + expect(wrapper.classes().length).toBe(3) + expect(wrapper.find('svg > g').isEmpty()).toBe(true) + }) + + it('b-icon without icon name renders BIconBlank', async () => { + // This test assumes Vue doesn't puke on unknown component names + // As we currently do not check the validity of icon names + const wrapper = mount(BIcon, { + localVue: localVue, + parentComponent: parentComponent, + propsData: { + icon: undefined + } + }) + expect(wrapper.exists()).toBe(true) + expect(wrapper.text()).toBe('') + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.find('svg > g').isEmpty()).toBe(true) + }) + + it('b-icon with unknown icon name renders BIconBlank', async () => { + const wrapper = mount(BIcon, { + localVue: localVue, + parentComponent: parentComponent, + propsData: { + icon: 'unknown-icon-name' + } + }) + expect(wrapper.exists()).toBe(true) + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.classes()).toContain('b-icon') + expect(wrapper.classes()).toContain('bi') + expect(wrapper.classes()).toContain('bi-blank') + expect(wrapper.classes().length).toBe(3) + expect(wrapper.find('svg > g').isEmpty()).toBe(true) + }) + + it('b-icon variant works', async () => { + const wrapper = mount(BIcon, { + localVue: localVue, + parentComponent: parentComponent, + propsData: { + icon: 'alert-circle-fill', + variant: 'danger' + } + }) + + expect(wrapper.exists()).toBe(true) + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.classes()).toContain('b-icon') + expect(wrapper.classes()).toContain('bi') + expect(wrapper.classes()).toContain('bi-alert-circle-fill') + expect(wrapper.classes()).toContain('text-danger') + expect(wrapper.classes().length).toBe(4) + expect(wrapper.attributes('role')).toBe('img') + expect(wrapper.attributes('alt')).toBe('icon') + expect(wrapper.attributes('focusable')).toBe('false') + expect(wrapper.find('path').exists()).toBe(true) + }) + + it('b-icon with custom icon works', async () => { + const wrapper = mount(BIcon, { + localVue: localVue, + // Parent component has a custom icon registered + parentComponent: parentComponent, + propsData: { + icon: 'fake-icon-test' + } + }) + expect(wrapper.exists()).toBe(true) + expect(wrapper.is('svg')).toBe(true) + expect(wrapper.classes()).toContain('b-icon') + expect(wrapper.classes()).toContain('bi') + expect(wrapper.classes()).toContain('bi-fake-icon-test') + expect(wrapper.classes().length).toBe(3) + expect(wrapper.find('svg > g').exists()).toBe(true) + expect(wrapper.find('svg > g > path.fake-path').exists()).toBe(true) + }) +}) diff --git a/src/icons/index.d.ts b/src/icons/index.d.ts new file mode 100644 index 00000000000..885056055aa --- /dev/null +++ b/src/icons/index.d.ts @@ -0,0 +1,16 @@ +// +// Icons +// +import Vue from 'vue' +import { BvPlugin, BvComponent } from '../' + +// Plugin +export declare const IconsPlugin: BvPlugin + +export declare const BootstrapVueIcons: BvPlugin + +// Component: b-icon +export declare class BIcon extends BvComponent {} + +// Components: b-icon-{icon-name} +export * from './icons' diff --git a/src/icons/index.js b/src/icons/index.js new file mode 100644 index 00000000000..22685e4542b --- /dev/null +++ b/src/icons/index.js @@ -0,0 +1,13 @@ +// Icons Plugin + +// These re-exports are not currently used, as Webpack 4 has +// issues with tree shaking re-exports of re-exports +// `/src/index.js` does a single level re-export `* from './icons/icons/icons'` +// Export all icons +export * from './icons' + +// Export helper component +export { BIcon } from './icon' + +// Plugin (an iconNames for docs) +export { IconsPlugin, BootstrapVueIcons, iconNames } from './plugin' diff --git a/src/icons/index.scss b/src/icons/index.scss new file mode 100644 index 00000000000..c8b0f44404e --- /dev/null +++ b/src/icons/index.scss @@ -0,0 +1 @@ +@import "icons"; diff --git a/src/icons/package.json b/src/icons/package.json new file mode 100644 index 00000000000..b14f89036c7 --- /dev/null +++ b/src/icons/package.json @@ -0,0 +1,12065 @@ +{ + "name": "@bootstrap-vue/icons", + "version": "1.0.0", + "meta": { + "title": "Bootstrap Icons", + "version": "2.2.0", + "bootstrap-icons-version": "1.0.0-alpha2", + "new": true, + "slug": "", + "description": "Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS.", + "REMARK": "Note all bootstrap-icons are added to this file during the build phase. Avoid editing this file directly.", + "components": [ + { + "component": "BIcon", + "version": "2.2.0", + "props": [ + { + "prop": "icon", + "description": "Name of icon to render. The corresponding icon component must be installed" + }, + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBlank", + "version": "2.2.0", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlarm", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlarmFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertCircle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertCircleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertOctagon", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertOctagonFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertSquare", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertSquareFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertTriangle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAlertTriangleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArchive", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArchiveFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowBarBottom", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowBarLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowBarRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowBarUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowClockwise", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowCounterclockwise", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowDownLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowDownRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowDownShort", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowLeftRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowLeftShort", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowRepeat", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowRightShort", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowUpDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowUpLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowUpRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowUpShort", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowsAngleContract", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowsAngleExpand", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowsCollapse", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowsExpand", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconArrowsFullscreen", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAt", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconAward", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBackspace", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBackspaceFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBackspaceReverse", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBackspaceReverseFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBarChart", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBarChartFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBattery", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBatteryCharging", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBatteryFull", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBell", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBellFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBlockquoteLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBlockquoteRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBook", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBookHalfFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBookmark", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBookmarkFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBootstrap", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBootstrapFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBootstrapReboot", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowBottomLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowBottomRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowUpLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBoxArrowUpRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBraces", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBrightnessFillHigh", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBrightnessFillLow", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBrightnessHigh", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBrightnessLow", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBrush", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBucket", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBucketFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBuilding", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconBullseye", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCalendar", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCalendarFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCamera", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCameraVideo", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCameraVideoFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCapslock", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCapslockFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChat", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChatFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCheck", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCheckBox", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCheckCircle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronCompactDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronCompactLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronCompactRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronCompactUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconChevronUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCircle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCircleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCircleHalf", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCircleSlash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconClock", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconClockFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCloud", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCloudDownload", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCloudFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCloudUpload", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCode", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCodeSlash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconColumns", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconColumnsGutters", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCommand", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCompass", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCone", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconConeStriped", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconController", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCreditCard", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCursor", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconCursorFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDiamond", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDiamondHalf", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDisplay", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDisplayFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocument", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentCode", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentDiff", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentRichtext", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentSpreadsheet", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentText", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocuments", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDocumentsAlt", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDot", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconDownload", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEggFried", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEject", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEjectFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEnvelope", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEnvelopeFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEnvelopeOpen", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEnvelopeOpenFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEye", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEyeFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEyeSlash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconEyeSlashFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFilter", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFlag", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFlagFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFolder", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFolderFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFolderSymlink", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFolderSymlinkFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconFonts", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconForward", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconForwardFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGear", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGearFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGearWide", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGearWideConnected", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGeo", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGraphDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGraphUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGrid", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconGridFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHammer", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHeart", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHeartFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHouse", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconHouseFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconImage", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconImageAlt", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconImageFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconImages", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInbox", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInboxFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInboxes", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInboxesFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInfo", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInfoFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInfoSquare", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconInfoSquareFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconJustify", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconJustifyLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconJustifyRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconKanban", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconKanbanFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLaptop", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLayoutSidebar", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLayoutSidebarReverse", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLayoutSplit", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconList", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconListCheck", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconListOl", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconListTask", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconListUl", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLock", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconLockFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconMap", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconMic", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconMoon", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconMusicPlayer", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconMusicPlayerFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconOption", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconOutlet", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPause", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPauseFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPen", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPencil", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPeople", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPeopleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPerson", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPersonFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPhone", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPhoneLandscape", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPieChart", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPieChartFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPlay", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPlayFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPlug", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPlus", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconPower", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconQuestion", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconQuestionFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconQuestionSquare", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconQuestionSquareFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconReply", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconReplyAll", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconReplyAllFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconReplyFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconScrewdriver", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSearch", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShield", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShieldFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShieldLock", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShieldLockFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShieldShaded", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShift", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconShiftFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipBackward", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipBackwardFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipEnd", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipEndFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipForward", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipForwardFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipStart", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSkipStartFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSpeaker", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSquare", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSquareFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSquareHalf", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStar", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStarFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStarHalf", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStop", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStopFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStopwatch", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconStopwatchFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconSun", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTable", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTablet", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTabletLandscape", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTag", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTagFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTerminal", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTerminalFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTextCenter", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTextIndentLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTextIndentRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTextLeft", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTextRight", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconThreeDots", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconThreeDotsVertical", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconToggleOff", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconToggleOn", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconToggles", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTools", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTrash", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTrashFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTriangle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTriangleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTriangleHalf", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTrophy", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTv", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTvFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconType", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeBold", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeH1", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeH2", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeH3", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeItalic", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeStrikethrough", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconTypeUnderline", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconUnlock", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconUnlockFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconUpload", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeDown", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeDownFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeMute", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeMuteFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeUp", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconVolumeUpFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconWallet", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconWatch", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconWifi", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconWindow", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconWrench", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconX", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXCircle", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXCircleFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXOctagon", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXOctagonFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXSquare", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + }, + { + "component": "BIconXSquareFill", + "auto-gen": "bootstrap-icons 1.0.0-alpha2", + "props": [ + { + "prop": "variant", + "description": "Contextual color variant. By default the icon inherits the current text color" + }, + { + "prop": "fontScale", + "description": "Scale the icons current font size" + }, + { + "prop": "scale", + "description": "Scales the icon's SVG, without increasing the font size" + }, + { + "prop": "rotate", + "description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise" + }, + { + "prop": "flipH", + "description": "Flips the icon horizontally" + }, + { + "prop": "flipV", + "description": "Flips the icon vertically" + }, + { + "prop": "shiftH", + "description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units" + }, + { + "prop": "shiftV", + "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units" + } + ] + } + ] + } +} \ No newline at end of file diff --git a/src/icons/plugin.js b/src/icons/plugin.js new file mode 100644 index 00000000000..83636f9ffc7 --- /dev/null +++ b/src/icons/plugin.js @@ -0,0 +1,990 @@ +// --- BEGIN AUTO-GENERATED FILE --- +// +// @IconsVersion: 1.0.0-alpha2 +// @Generated: 2019-12-21T09:21:11.885Z +// +// This file is generated on each build. Do not edit this file. +// + +import { pluginFactoryNoConfig } from '../utils/plugins' + +// Icon helper component +import { BIcon } from './icon' + +import { + // BootstrapVue custom icons + BIconBlank, + // Bootstrap icons + BIconAlarm, + BIconAlarmFill, + BIconAlertCircle, + BIconAlertCircleFill, + BIconAlertOctagon, + BIconAlertOctagonFill, + BIconAlertSquare, + BIconAlertSquareFill, + BIconAlertTriangle, + BIconAlertTriangleFill, + BIconArchive, + BIconArchiveFill, + BIconArrowBarBottom, + BIconArrowBarLeft, + BIconArrowBarRight, + BIconArrowBarUp, + BIconArrowClockwise, + BIconArrowCounterclockwise, + BIconArrowDown, + BIconArrowDownLeft, + BIconArrowDownRight, + BIconArrowDownShort, + BIconArrowLeft, + BIconArrowLeftRight, + BIconArrowLeftShort, + BIconArrowRepeat, + BIconArrowRight, + BIconArrowRightShort, + BIconArrowUp, + BIconArrowUpDown, + BIconArrowUpLeft, + BIconArrowUpRight, + BIconArrowUpShort, + BIconArrowsAngleContract, + BIconArrowsAngleExpand, + BIconArrowsCollapse, + BIconArrowsExpand, + BIconArrowsFullscreen, + BIconAt, + BIconAward, + BIconBackspace, + BIconBackspaceFill, + BIconBackspaceReverse, + BIconBackspaceReverseFill, + BIconBarChart, + BIconBarChartFill, + BIconBattery, + BIconBatteryCharging, + BIconBatteryFull, + BIconBell, + BIconBellFill, + BIconBlockquoteLeft, + BIconBlockquoteRight, + BIconBook, + BIconBookHalfFill, + BIconBookmark, + BIconBookmarkFill, + BIconBootstrap, + BIconBootstrapFill, + BIconBootstrapReboot, + BIconBoxArrowBottomLeft, + BIconBoxArrowBottomRight, + BIconBoxArrowDown, + BIconBoxArrowLeft, + BIconBoxArrowRight, + BIconBoxArrowUp, + BIconBoxArrowUpLeft, + BIconBoxArrowUpRight, + BIconBraces, + BIconBrightnessFillHigh, + BIconBrightnessFillLow, + BIconBrightnessHigh, + BIconBrightnessLow, + BIconBrush, + BIconBucket, + BIconBucketFill, + BIconBuilding, + BIconBullseye, + BIconCalendar, + BIconCalendarFill, + BIconCamera, + BIconCameraVideo, + BIconCameraVideoFill, + BIconCapslock, + BIconCapslockFill, + BIconChat, + BIconChatFill, + BIconCheck, + BIconCheckBox, + BIconCheckCircle, + BIconChevronCompactDown, + BIconChevronCompactLeft, + BIconChevronCompactRight, + BIconChevronCompactUp, + BIconChevronDown, + BIconChevronLeft, + BIconChevronRight, + BIconChevronUp, + BIconCircle, + BIconCircleFill, + BIconCircleHalf, + BIconCircleSlash, + BIconClock, + BIconClockFill, + BIconCloud, + BIconCloudDownload, + BIconCloudFill, + BIconCloudUpload, + BIconCode, + BIconCodeSlash, + BIconColumns, + BIconColumnsGutters, + BIconCommand, + BIconCompass, + BIconCone, + BIconConeStriped, + BIconController, + BIconCreditCard, + BIconCursor, + BIconCursorFill, + BIconDash, + BIconDiamond, + BIconDiamondHalf, + BIconDisplay, + BIconDisplayFill, + BIconDocument, + BIconDocumentCode, + BIconDocumentDiff, + BIconDocumentRichtext, + BIconDocumentSpreadsheet, + BIconDocumentText, + BIconDocuments, + BIconDocumentsAlt, + BIconDot, + BIconDownload, + BIconEggFried, + BIconEject, + BIconEjectFill, + BIconEnvelope, + BIconEnvelopeFill, + BIconEnvelopeOpen, + BIconEnvelopeOpenFill, + BIconEye, + BIconEyeFill, + BIconEyeSlash, + BIconEyeSlashFill, + BIconFilter, + BIconFlag, + BIconFlagFill, + BIconFolder, + BIconFolderFill, + BIconFolderSymlink, + BIconFolderSymlinkFill, + BIconFonts, + BIconForward, + BIconForwardFill, + BIconGear, + BIconGearFill, + BIconGearWide, + BIconGearWideConnected, + BIconGeo, + BIconGraphDown, + BIconGraphUp, + BIconGrid, + BIconGridFill, + BIconHammer, + BIconHash, + BIconHeart, + BIconHeartFill, + BIconHouse, + BIconHouseFill, + BIconImage, + BIconImageAlt, + BIconImageFill, + BIconImages, + BIconInbox, + BIconInboxFill, + BIconInboxes, + BIconInboxesFill, + BIconInfo, + BIconInfoFill, + BIconInfoSquare, + BIconInfoSquareFill, + BIconJustify, + BIconJustifyLeft, + BIconJustifyRight, + BIconKanban, + BIconKanbanFill, + BIconLaptop, + BIconLayoutSidebar, + BIconLayoutSidebarReverse, + BIconLayoutSplit, + BIconList, + BIconListCheck, + BIconListOl, + BIconListTask, + BIconListUl, + BIconLock, + BIconLockFill, + BIconMap, + BIconMic, + BIconMoon, + BIconMusicPlayer, + BIconMusicPlayerFill, + BIconOption, + BIconOutlet, + BIconPause, + BIconPauseFill, + BIconPen, + BIconPencil, + BIconPeople, + BIconPeopleFill, + BIconPerson, + BIconPersonFill, + BIconPhone, + BIconPhoneLandscape, + BIconPieChart, + BIconPieChartFill, + BIconPlay, + BIconPlayFill, + BIconPlug, + BIconPlus, + BIconPower, + BIconQuestion, + BIconQuestionFill, + BIconQuestionSquare, + BIconQuestionSquareFill, + BIconReply, + BIconReplyAll, + BIconReplyAllFill, + BIconReplyFill, + BIconScrewdriver, + BIconSearch, + BIconShield, + BIconShieldFill, + BIconShieldLock, + BIconShieldLockFill, + BIconShieldShaded, + BIconShift, + BIconShiftFill, + BIconSkipBackward, + BIconSkipBackwardFill, + BIconSkipEnd, + BIconSkipEndFill, + BIconSkipForward, + BIconSkipForwardFill, + BIconSkipStart, + BIconSkipStartFill, + BIconSpeaker, + BIconSquare, + BIconSquareFill, + BIconSquareHalf, + BIconStar, + BIconStarFill, + BIconStarHalf, + BIconStop, + BIconStopFill, + BIconStopwatch, + BIconStopwatchFill, + BIconSun, + BIconTable, + BIconTablet, + BIconTabletLandscape, + BIconTag, + BIconTagFill, + BIconTerminal, + BIconTerminalFill, + BIconTextCenter, + BIconTextIndentLeft, + BIconTextIndentRight, + BIconTextLeft, + BIconTextRight, + BIconThreeDots, + BIconThreeDotsVertical, + BIconToggleOff, + BIconToggleOn, + BIconToggles, + BIconTools, + BIconTrash, + BIconTrashFill, + BIconTriangle, + BIconTriangleFill, + BIconTriangleHalf, + BIconTrophy, + BIconTv, + BIconTvFill, + BIconType, + BIconTypeBold, + BIconTypeH1, + BIconTypeH2, + BIconTypeH3, + BIconTypeItalic, + BIconTypeStrikethrough, + BIconTypeUnderline, + BIconUnlock, + BIconUnlockFill, + BIconUpload, + BIconVolumeDown, + BIconVolumeDownFill, + BIconVolumeMute, + BIconVolumeMuteFill, + BIconVolumeUp, + BIconVolumeUpFill, + BIconWallet, + BIconWatch, + BIconWifi, + BIconWindow, + BIconWrench, + BIconX, + BIconXCircle, + BIconXCircleFill, + BIconXOctagon, + BIconXOctagonFill, + BIconXSquare, + BIconXSquareFill +} from './icons' + +// Icon component names for used in the docs +export const iconNames = [ + // BootstrapVue custom icon component names + 'BIconBlank', + // Bootstrap icon component names + 'BIconAlarm', + 'BIconAlarmFill', + 'BIconAlertCircle', + 'BIconAlertCircleFill', + 'BIconAlertOctagon', + 'BIconAlertOctagonFill', + 'BIconAlertSquare', + 'BIconAlertSquareFill', + 'BIconAlertTriangle', + 'BIconAlertTriangleFill', + 'BIconArchive', + 'BIconArchiveFill', + 'BIconArrowBarBottom', + 'BIconArrowBarLeft', + 'BIconArrowBarRight', + 'BIconArrowBarUp', + 'BIconArrowClockwise', + 'BIconArrowCounterclockwise', + 'BIconArrowDown', + 'BIconArrowDownLeft', + 'BIconArrowDownRight', + 'BIconArrowDownShort', + 'BIconArrowLeft', + 'BIconArrowLeftRight', + 'BIconArrowLeftShort', + 'BIconArrowRepeat', + 'BIconArrowRight', + 'BIconArrowRightShort', + 'BIconArrowUp', + 'BIconArrowUpDown', + 'BIconArrowUpLeft', + 'BIconArrowUpRight', + 'BIconArrowUpShort', + 'BIconArrowsAngleContract', + 'BIconArrowsAngleExpand', + 'BIconArrowsCollapse', + 'BIconArrowsExpand', + 'BIconArrowsFullscreen', + 'BIconAt', + 'BIconAward', + 'BIconBackspace', + 'BIconBackspaceFill', + 'BIconBackspaceReverse', + 'BIconBackspaceReverseFill', + 'BIconBarChart', + 'BIconBarChartFill', + 'BIconBattery', + 'BIconBatteryCharging', + 'BIconBatteryFull', + 'BIconBell', + 'BIconBellFill', + 'BIconBlockquoteLeft', + 'BIconBlockquoteRight', + 'BIconBook', + 'BIconBookHalfFill', + 'BIconBookmark', + 'BIconBookmarkFill', + 'BIconBootstrap', + 'BIconBootstrapFill', + 'BIconBootstrapReboot', + 'BIconBoxArrowBottomLeft', + 'BIconBoxArrowBottomRight', + 'BIconBoxArrowDown', + 'BIconBoxArrowLeft', + 'BIconBoxArrowRight', + 'BIconBoxArrowUp', + 'BIconBoxArrowUpLeft', + 'BIconBoxArrowUpRight', + 'BIconBraces', + 'BIconBrightnessFillHigh', + 'BIconBrightnessFillLow', + 'BIconBrightnessHigh', + 'BIconBrightnessLow', + 'BIconBrush', + 'BIconBucket', + 'BIconBucketFill', + 'BIconBuilding', + 'BIconBullseye', + 'BIconCalendar', + 'BIconCalendarFill', + 'BIconCamera', + 'BIconCameraVideo', + 'BIconCameraVideoFill', + 'BIconCapslock', + 'BIconCapslockFill', + 'BIconChat', + 'BIconChatFill', + 'BIconCheck', + 'BIconCheckBox', + 'BIconCheckCircle', + 'BIconChevronCompactDown', + 'BIconChevronCompactLeft', + 'BIconChevronCompactRight', + 'BIconChevronCompactUp', + 'BIconChevronDown', + 'BIconChevronLeft', + 'BIconChevronRight', + 'BIconChevronUp', + 'BIconCircle', + 'BIconCircleFill', + 'BIconCircleHalf', + 'BIconCircleSlash', + 'BIconClock', + 'BIconClockFill', + 'BIconCloud', + 'BIconCloudDownload', + 'BIconCloudFill', + 'BIconCloudUpload', + 'BIconCode', + 'BIconCodeSlash', + 'BIconColumns', + 'BIconColumnsGutters', + 'BIconCommand', + 'BIconCompass', + 'BIconCone', + 'BIconConeStriped', + 'BIconController', + 'BIconCreditCard', + 'BIconCursor', + 'BIconCursorFill', + 'BIconDash', + 'BIconDiamond', + 'BIconDiamondHalf', + 'BIconDisplay', + 'BIconDisplayFill', + 'BIconDocument', + 'BIconDocumentCode', + 'BIconDocumentDiff', + 'BIconDocumentRichtext', + 'BIconDocumentSpreadsheet', + 'BIconDocumentText', + 'BIconDocuments', + 'BIconDocumentsAlt', + 'BIconDot', + 'BIconDownload', + 'BIconEggFried', + 'BIconEject', + 'BIconEjectFill', + 'BIconEnvelope', + 'BIconEnvelopeFill', + 'BIconEnvelopeOpen', + 'BIconEnvelopeOpenFill', + 'BIconEye', + 'BIconEyeFill', + 'BIconEyeSlash', + 'BIconEyeSlashFill', + 'BIconFilter', + 'BIconFlag', + 'BIconFlagFill', + 'BIconFolder', + 'BIconFolderFill', + 'BIconFolderSymlink', + 'BIconFolderSymlinkFill', + 'BIconFonts', + 'BIconForward', + 'BIconForwardFill', + 'BIconGear', + 'BIconGearFill', + 'BIconGearWide', + 'BIconGearWideConnected', + 'BIconGeo', + 'BIconGraphDown', + 'BIconGraphUp', + 'BIconGrid', + 'BIconGridFill', + 'BIconHammer', + 'BIconHash', + 'BIconHeart', + 'BIconHeartFill', + 'BIconHouse', + 'BIconHouseFill', + 'BIconImage', + 'BIconImageAlt', + 'BIconImageFill', + 'BIconImages', + 'BIconInbox', + 'BIconInboxFill', + 'BIconInboxes', + 'BIconInboxesFill', + 'BIconInfo', + 'BIconInfoFill', + 'BIconInfoSquare', + 'BIconInfoSquareFill', + 'BIconJustify', + 'BIconJustifyLeft', + 'BIconJustifyRight', + 'BIconKanban', + 'BIconKanbanFill', + 'BIconLaptop', + 'BIconLayoutSidebar', + 'BIconLayoutSidebarReverse', + 'BIconLayoutSplit', + 'BIconList', + 'BIconListCheck', + 'BIconListOl', + 'BIconListTask', + 'BIconListUl', + 'BIconLock', + 'BIconLockFill', + 'BIconMap', + 'BIconMic', + 'BIconMoon', + 'BIconMusicPlayer', + 'BIconMusicPlayerFill', + 'BIconOption', + 'BIconOutlet', + 'BIconPause', + 'BIconPauseFill', + 'BIconPen', + 'BIconPencil', + 'BIconPeople', + 'BIconPeopleFill', + 'BIconPerson', + 'BIconPersonFill', + 'BIconPhone', + 'BIconPhoneLandscape', + 'BIconPieChart', + 'BIconPieChartFill', + 'BIconPlay', + 'BIconPlayFill', + 'BIconPlug', + 'BIconPlus', + 'BIconPower', + 'BIconQuestion', + 'BIconQuestionFill', + 'BIconQuestionSquare', + 'BIconQuestionSquareFill', + 'BIconReply', + 'BIconReplyAll', + 'BIconReplyAllFill', + 'BIconReplyFill', + 'BIconScrewdriver', + 'BIconSearch', + 'BIconShield', + 'BIconShieldFill', + 'BIconShieldLock', + 'BIconShieldLockFill', + 'BIconShieldShaded', + 'BIconShift', + 'BIconShiftFill', + 'BIconSkipBackward', + 'BIconSkipBackwardFill', + 'BIconSkipEnd', + 'BIconSkipEndFill', + 'BIconSkipForward', + 'BIconSkipForwardFill', + 'BIconSkipStart', + 'BIconSkipStartFill', + 'BIconSpeaker', + 'BIconSquare', + 'BIconSquareFill', + 'BIconSquareHalf', + 'BIconStar', + 'BIconStarFill', + 'BIconStarHalf', + 'BIconStop', + 'BIconStopFill', + 'BIconStopwatch', + 'BIconStopwatchFill', + 'BIconSun', + 'BIconTable', + 'BIconTablet', + 'BIconTabletLandscape', + 'BIconTag', + 'BIconTagFill', + 'BIconTerminal', + 'BIconTerminalFill', + 'BIconTextCenter', + 'BIconTextIndentLeft', + 'BIconTextIndentRight', + 'BIconTextLeft', + 'BIconTextRight', + 'BIconThreeDots', + 'BIconThreeDotsVertical', + 'BIconToggleOff', + 'BIconToggleOn', + 'BIconToggles', + 'BIconTools', + 'BIconTrash', + 'BIconTrashFill', + 'BIconTriangle', + 'BIconTriangleFill', + 'BIconTriangleHalf', + 'BIconTrophy', + 'BIconTv', + 'BIconTvFill', + 'BIconType', + 'BIconTypeBold', + 'BIconTypeH1', + 'BIconTypeH2', + 'BIconTypeH3', + 'BIconTypeItalic', + 'BIconTypeStrikethrough', + 'BIconTypeUnderline', + 'BIconUnlock', + 'BIconUnlockFill', + 'BIconUpload', + 'BIconVolumeDown', + 'BIconVolumeDownFill', + 'BIconVolumeMute', + 'BIconVolumeMuteFill', + 'BIconVolumeUp', + 'BIconVolumeUpFill', + 'BIconWallet', + 'BIconWatch', + 'BIconWifi', + 'BIconWindow', + 'BIconWrench', + 'BIconX', + 'BIconXCircle', + 'BIconXCircleFill', + 'BIconXOctagon', + 'BIconXOctagonFill', + 'BIconXSquare', + 'BIconXSquareFill' +] + +// Export the icons plugin +export const IconsPlugin = /*#__PURE__*/ pluginFactoryNoConfig({ + components: { + // Icon helper component + BIcon, + // BootstrapVue custom icon components + BIconBlank, + // Bootstrap icon components + BIconAlarm, + BIconAlarmFill, + BIconAlertCircle, + BIconAlertCircleFill, + BIconAlertOctagon, + BIconAlertOctagonFill, + BIconAlertSquare, + BIconAlertSquareFill, + BIconAlertTriangle, + BIconAlertTriangleFill, + BIconArchive, + BIconArchiveFill, + BIconArrowBarBottom, + BIconArrowBarLeft, + BIconArrowBarRight, + BIconArrowBarUp, + BIconArrowClockwise, + BIconArrowCounterclockwise, + BIconArrowDown, + BIconArrowDownLeft, + BIconArrowDownRight, + BIconArrowDownShort, + BIconArrowLeft, + BIconArrowLeftRight, + BIconArrowLeftShort, + BIconArrowRepeat, + BIconArrowRight, + BIconArrowRightShort, + BIconArrowUp, + BIconArrowUpDown, + BIconArrowUpLeft, + BIconArrowUpRight, + BIconArrowUpShort, + BIconArrowsAngleContract, + BIconArrowsAngleExpand, + BIconArrowsCollapse, + BIconArrowsExpand, + BIconArrowsFullscreen, + BIconAt, + BIconAward, + BIconBackspace, + BIconBackspaceFill, + BIconBackspaceReverse, + BIconBackspaceReverseFill, + BIconBarChart, + BIconBarChartFill, + BIconBattery, + BIconBatteryCharging, + BIconBatteryFull, + BIconBell, + BIconBellFill, + BIconBlockquoteLeft, + BIconBlockquoteRight, + BIconBook, + BIconBookHalfFill, + BIconBookmark, + BIconBookmarkFill, + BIconBootstrap, + BIconBootstrapFill, + BIconBootstrapReboot, + BIconBoxArrowBottomLeft, + BIconBoxArrowBottomRight, + BIconBoxArrowDown, + BIconBoxArrowLeft, + BIconBoxArrowRight, + BIconBoxArrowUp, + BIconBoxArrowUpLeft, + BIconBoxArrowUpRight, + BIconBraces, + BIconBrightnessFillHigh, + BIconBrightnessFillLow, + BIconBrightnessHigh, + BIconBrightnessLow, + BIconBrush, + BIconBucket, + BIconBucketFill, + BIconBuilding, + BIconBullseye, + BIconCalendar, + BIconCalendarFill, + BIconCamera, + BIconCameraVideo, + BIconCameraVideoFill, + BIconCapslock, + BIconCapslockFill, + BIconChat, + BIconChatFill, + BIconCheck, + BIconCheckBox, + BIconCheckCircle, + BIconChevronCompactDown, + BIconChevronCompactLeft, + BIconChevronCompactRight, + BIconChevronCompactUp, + BIconChevronDown, + BIconChevronLeft, + BIconChevronRight, + BIconChevronUp, + BIconCircle, + BIconCircleFill, + BIconCircleHalf, + BIconCircleSlash, + BIconClock, + BIconClockFill, + BIconCloud, + BIconCloudDownload, + BIconCloudFill, + BIconCloudUpload, + BIconCode, + BIconCodeSlash, + BIconColumns, + BIconColumnsGutters, + BIconCommand, + BIconCompass, + BIconCone, + BIconConeStriped, + BIconController, + BIconCreditCard, + BIconCursor, + BIconCursorFill, + BIconDash, + BIconDiamond, + BIconDiamondHalf, + BIconDisplay, + BIconDisplayFill, + BIconDocument, + BIconDocumentCode, + BIconDocumentDiff, + BIconDocumentRichtext, + BIconDocumentSpreadsheet, + BIconDocumentText, + BIconDocuments, + BIconDocumentsAlt, + BIconDot, + BIconDownload, + BIconEggFried, + BIconEject, + BIconEjectFill, + BIconEnvelope, + BIconEnvelopeFill, + BIconEnvelopeOpen, + BIconEnvelopeOpenFill, + BIconEye, + BIconEyeFill, + BIconEyeSlash, + BIconEyeSlashFill, + BIconFilter, + BIconFlag, + BIconFlagFill, + BIconFolder, + BIconFolderFill, + BIconFolderSymlink, + BIconFolderSymlinkFill, + BIconFonts, + BIconForward, + BIconForwardFill, + BIconGear, + BIconGearFill, + BIconGearWide, + BIconGearWideConnected, + BIconGeo, + BIconGraphDown, + BIconGraphUp, + BIconGrid, + BIconGridFill, + BIconHammer, + BIconHash, + BIconHeart, + BIconHeartFill, + BIconHouse, + BIconHouseFill, + BIconImage, + BIconImageAlt, + BIconImageFill, + BIconImages, + BIconInbox, + BIconInboxFill, + BIconInboxes, + BIconInboxesFill, + BIconInfo, + BIconInfoFill, + BIconInfoSquare, + BIconInfoSquareFill, + BIconJustify, + BIconJustifyLeft, + BIconJustifyRight, + BIconKanban, + BIconKanbanFill, + BIconLaptop, + BIconLayoutSidebar, + BIconLayoutSidebarReverse, + BIconLayoutSplit, + BIconList, + BIconListCheck, + BIconListOl, + BIconListTask, + BIconListUl, + BIconLock, + BIconLockFill, + BIconMap, + BIconMic, + BIconMoon, + BIconMusicPlayer, + BIconMusicPlayerFill, + BIconOption, + BIconOutlet, + BIconPause, + BIconPauseFill, + BIconPen, + BIconPencil, + BIconPeople, + BIconPeopleFill, + BIconPerson, + BIconPersonFill, + BIconPhone, + BIconPhoneLandscape, + BIconPieChart, + BIconPieChartFill, + BIconPlay, + BIconPlayFill, + BIconPlug, + BIconPlus, + BIconPower, + BIconQuestion, + BIconQuestionFill, + BIconQuestionSquare, + BIconQuestionSquareFill, + BIconReply, + BIconReplyAll, + BIconReplyAllFill, + BIconReplyFill, + BIconScrewdriver, + BIconSearch, + BIconShield, + BIconShieldFill, + BIconShieldLock, + BIconShieldLockFill, + BIconShieldShaded, + BIconShift, + BIconShiftFill, + BIconSkipBackward, + BIconSkipBackwardFill, + BIconSkipEnd, + BIconSkipEndFill, + BIconSkipForward, + BIconSkipForwardFill, + BIconSkipStart, + BIconSkipStartFill, + BIconSpeaker, + BIconSquare, + BIconSquareFill, + BIconSquareHalf, + BIconStar, + BIconStarFill, + BIconStarHalf, + BIconStop, + BIconStopFill, + BIconStopwatch, + BIconStopwatchFill, + BIconSun, + BIconTable, + BIconTablet, + BIconTabletLandscape, + BIconTag, + BIconTagFill, + BIconTerminal, + BIconTerminalFill, + BIconTextCenter, + BIconTextIndentLeft, + BIconTextIndentRight, + BIconTextLeft, + BIconTextRight, + BIconThreeDots, + BIconThreeDotsVertical, + BIconToggleOff, + BIconToggleOn, + BIconToggles, + BIconTools, + BIconTrash, + BIconTrashFill, + BIconTriangle, + BIconTriangleFill, + BIconTriangleHalf, + BIconTrophy, + BIconTv, + BIconTvFill, + BIconType, + BIconTypeBold, + BIconTypeH1, + BIconTypeH2, + BIconTypeH3, + BIconTypeItalic, + BIconTypeStrikethrough, + BIconTypeUnderline, + BIconUnlock, + BIconUnlockFill, + BIconUpload, + BIconVolumeDown, + BIconVolumeDownFill, + BIconVolumeMute, + BIconVolumeMuteFill, + BIconVolumeUp, + BIconVolumeUpFill, + BIconWallet, + BIconWatch, + BIconWifi, + BIconWindow, + BIconWrench, + BIconX, + BIconXCircle, + BIconXCircleFill, + BIconXOctagon, + BIconXOctagonFill, + BIconXSquare, + BIconXSquareFill + } +}) + +// Export the BootstrapVueIcons plugin installer +// Mainly for the stand-alone bootstrap-vue-icons.xxx.js builds +export const BootstrapVueIcons = /*#__PURE__*/ pluginFactoryNoConfig( + { plugins: { IconsPlugin } }, + { NAME: 'BootstrapVueIcons' } +) + +// --- END AUTO-GENERATED FILE --- diff --git a/src/index.d.ts b/src/index.d.ts index c22af312750..f7b48f0cdfa 100644 --- a/src/index.d.ts +++ b/src/index.d.ts @@ -50,10 +50,13 @@ import './vue-injections' // BvConfig Plugin export * from './bv-config' -// Components/Plugins +// Components & Plugins export * from './components' -// Directives/Plugins +// Icons & Plugin +export * from './icons' + +// Directives & Plugins export * from './directives' declare const BootstrapVue: BootstrapVuePlugin diff --git a/src/index.js b/src/index.js index b583912d2f1..1e29ebe4669 100644 --- a/src/index.js +++ b/src/index.js @@ -53,10 +53,6 @@ export { export { BVModalPlugin } from './components/modal/helpers/bv-modal' export { BVToastPlugin } from './components/toast/helpers/bv-toast' -// -// Export all individual components and component group plugins as named exports. -// - // Webpack 4 has optimization difficulties with re-export of re-exports, // so we import the components individually here for better tree shaking // @@ -64,6 +60,20 @@ export { BVToastPlugin } from './components/toast/helpers/bv-toast' // can be reverted back to `export * from './table'` when Webpack v5 is released // See: https://github.com/webpack/webpack/pull/9203 (available in Webpack v5.0.0-alpha.15) +// +// Export Icon components and IconPlugin/BootstrapVueIcons +// +// export * from './icons' +export { IconsPlugin, BootstrapVueIcons } from './icons' +export { BIcon } from './icons/icon' +// This re-export is only a single level deep, which +// Webpack 4 handles correctly when tree shaking +export * from './icons/icons' + +// +// Export all individual components and component group plugins as named exports. +// + // export * from './components/alert' export { AlertPlugin } from './components/alert' export { BAlert } from './components/alert/alert' diff --git a/src/index.scss b/src/index.scss index 719b87e4653..03e986f034b 100644 --- a/src/index.scss +++ b/src/index.scss @@ -9,3 +9,7 @@ // Include custom SCSS for components @import "components/index"; + +// Include custom SCSS for icons +// Temporary until Bootstrap v5 (maybe) +@import "icons/index"; diff --git a/src/utils/plugins.js b/src/utils/plugins.js index 2c05998696a..71678a4867e 100644 --- a/src/utils/plugins.js +++ b/src/utils/plugins.js @@ -49,6 +49,29 @@ export const installFactory = ({ components, directives, plugins } = {}) => { return install } +/** + * Plugin install factory function (no plugin config option). + * @param {object} { components, directives } + * @returns {function} plugin install function + */ +export const installFactoryNoConfig = ({ components, directives, plugins } = {}) => { + const install = (Vue, config = {}) => { + if (install.installed) { + /* istanbul ignore next */ + return + } + install.installed = true + checkMultipleVue(Vue) + registerComponents(Vue, components) + registerDirectives(Vue, directives) + registerPlugins(Vue, plugins) + } + + install.installed = false + + return install +} + /** * Plugin object factory function. * @param {object} { components, directives, plugins } @@ -59,6 +82,16 @@ export const pluginFactory = (opts = {}, extend = {}) => ({ install: installFactory(opts) }) +/** + * Plugin object factory function (no config option). + * @param {object} { components, directives, plugins } + * @returns {object} plugin install object + */ +export const pluginFactoryNoConfig = (opts = {}, extend = {}) => ({ + ...extend, + install: installFactoryNoConfig(opts) +}) + /** * Load a group of plugins. * @param {object} Vue diff --git a/src/utils/string.js b/src/utils/string.js index 6ed812a05b4..82a562d2ff0 100644 --- a/src/utils/string.js +++ b/src/utils/string.js @@ -6,19 +6,35 @@ import { isArray, isPlainObject, isString, isUndefinedOrNull } from './inspect' const RX_TRIM_LEFT = /^\s+/ const RX_TRIM_RIGHT = /\s+$/ const RX_REGEXP_REPLACE = /[-/\\^$*+?.()|[\]{}]/g +const RX_UN_KEBAB = /-(\w)/g +const RX_HYPHENATE = /\B([A-Z])/g // --- Utilities --- +// Converts PascalCase or camelCase to kebab-case +export const kebabCase = str => { + return str.replace(RX_HYPHENATE, '-$1').toLowerCase() +} + +// Converts a kebab-case or camelCase string to PascalCase +export const pascalCase = str => { + str = kebabCase(str).replace(RX_UN_KEBAB, (_, c) => (c ? c.toUpperCase() : '')) + return str.charAt(0).toUpperCase() + str.slice(1) +} + +// Lowercases the first letter of a string and returns a new string export const lowerFirst = str => { str = isString(str) ? str.trim() : String(str) return str.charAt(0).toLowerCase() + str.slice(1) } +// Uppercases the first letter of a string and returns a new string export const upperFirst = str => { str = isString(str) ? str.trim() : String(str) return str.charAt(0).toUpperCase() + str.slice(1) } +// Escape characters to be used in building a regular expression export const escapeRegExp = str => str.replace(RX_REGEXP_REPLACE, '\\$&') // Convert a value to a string that can be rendered diff --git a/src/utils/string.spec.js b/src/utils/string.spec.js index f71e125e9df..418aba65223 100644 --- a/src/utils/string.spec.js +++ b/src/utils/string.spec.js @@ -1,6 +1,24 @@ -import { escapeRegExp, lowerFirst, toString, upperFirst } from './string' +import { escapeRegExp, kebabCase, lowerFirst, pascalCase, toString, upperFirst } from './string' describe('utils/string', () => { + it('kebabCase works', async () => { + expect(kebabCase('foo')).toBe('foo') + expect(kebabCase('Foo')).toBe('foo') + expect(kebabCase('fooBar')).toBe('foo-bar') + expect(kebabCase('FooBar')).toBe('foo-bar') + expect(kebabCase('XFooBar')).toBe('x-foo-bar') + }) + + it('pascalCase works', async () => { + expect(pascalCase('foo')).toBe('Foo') + expect(pascalCase('Foo')).toBe('Foo') + expect(pascalCase('fooBar')).toBe('FooBar') + expect(pascalCase('FooBar')).toBe('FooBar') + expect(pascalCase('foo-bar')).toBe('FooBar') + expect(pascalCase('x-foo-bar')).toBe('XFooBar') + expect(pascalCase('xFooBar')).toBe('XFooBar') + }) + it('lowerFirst works', async () => { expect(lowerFirst('Upper')).toBe('upper') expect(lowerFirst(' Upper ')).toBe('upper') diff --git a/yarn.lock b/yarn.lock index a9c69539581..eeefcd9cffe 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2431,10 +2431,15 @@ boolbase@^1.0.0, boolbase@~1.0.0: resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24= -"bootstrap@>=4.4.0 <5.0.0": - version "4.4.0" - resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.4.0.tgz#477103fa44d44191971c8ca3e0b51a85ae62ea4d" - integrity sha512-dqCYJNs/Fxa3IVQ+v/lC694POCThUjZsA4wwqs8l+yk67B6ww2Ki++WaM6CVGe5+tArBBrknzjjh01/NT5rLjA== +bootstrap-icons@^1.0.0-alpha2: + version "1.0.0-alpha2" + resolved "https://registry.yarnpkg.com/bootstrap-icons/-/bootstrap-icons-1.0.0-alpha2.tgz#ed65dc5f25eb41448db1b46f53c34fceb7456976" + integrity sha512-7Tsip8n6GX0zoMm3l5eHWFYynq9CX8QlnWEJ1O42GwtwKOcc4bNZTW1tdhGGS+Q6oSgpTvvi08fZkdyfrqPp2w== + +"bootstrap@>=4.4.1 <5.0.0": + version "4.4.1" + resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.4.1.tgz#8582960eea0c5cd2bede84d8b0baf3789c3e8b01" + integrity sha512-tbx5cHubwE6e2ZG7nqM3g/FZ5PQEDMWmMGNrCUBVRPHXTJaH7CBDdsLeu3eCh3B1tzAxTnAbtmrzvWEvT2NNEA== boxen@^1.2.1: version "1.3.0"