bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
1,375 lines • 2.65 MB
JSON
{
"name": "@bootstrap-vue/icons",
"version": "1.0.0",
"meta": {
"title": "Icons",
"version": "2.2.0",
"bootstrap-icons-version": "1.5.0",
"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": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconstack",
"version": "2.3.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBlank",
"version": "2.2.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
}
]
},
{
"component": "BIconAlarm",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlarmFill",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignBottom",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignCenter",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignEnd",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignMiddle",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignStart",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignTop",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlt",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconApp",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAppIndicator",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArchive",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArchiveFill",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degDown",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degLeft",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degRight",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degUp",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarDown",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarLeft",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarRight",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarUp",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowClockwise",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowCounterclockwise",
"auto-gen": "bootstrap-icons 1.5.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"