Image
This is a pass through component from React-Bootstrap.
See React-Bootstrap for documentation.
Basic Styles
Show editable code example
Any Paragon component or export may be added to the code example.
Fluid Sizing
Show editable code example
Any Paragon component or export may be added to the code example.
Theme Variables (SCSS)#
$thumbnail-padding: .25rem !default;$thumbnail-bg: $body-bg !default;$thumbnail-border-width: $border-width !default;$thumbnail-border-color: theme-color("gray", "border") !default;$thumbnail-border-radius: $border-radius !default;$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;$figure-caption-font-size: 90% !default;$figure-caption-color: theme-color("gray", "light-text") !default;
Usage Insights#
Image
| Project Name | Paragon Version | Instance Count | |
|---|---|---|---|
| frontend-app-admin-portal | 20.26.3 | 3 | |
| frontend-app-authn | 20.34.0 | 7 | |
| frontend-app-enterprise-public-catalog | 20.29.0 | 5 | |
| frontend-app-learner-dashboard | 20.32.0 | 4 | |
| frontend-app-learner-portal-enterprise | 20.31.1 | 4 | |
| frontend-lib-content-components | 20.32.0 | 5 | |
| prospectus | 20.32.3 | 1 |