@bolt/components-image NPM

An image. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

Install via NPM

npm install @bolt/components-image

Image sizes

To specify image size (e.g u-bolt-width-1/1) pass the correct class like so:

{% set classes = create_attribute(imageAttributes | default({})).addClass([
    "c-bolt-image__img",
    "u-bolt-width-1/1",
  ])
%}

Then pass it into the component:

{% include '@bolt-components-image/image.twig' with {
  src: "/images/placeholders/tout-4x3-climber.jpg",
  alt: "A Rock Climber",
  imageAttributes: classes,
} only %}

bolt design system bolt ui toolkit design system component image

@bolt/components-ratio @bolt/core-v3.x @bolt/element @bolt/lazy-queue lazysizes

@everything-registry/sub-chunk-136 @bolt/components-hero @bolt/components-logo @bolt/starter-kit @bolt/components-all @bolt/blueprints @bolt/bolt @bolt/components-blockquote @infinitebrahmanuniverse/nolb-_bol

2 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

2.23.0-canary.12672.5.0

5 years ago

2.23.0

5 years ago

2.23.0-canary.12655.5.0

5 years ago

2.23.0-canary.12662.5.0

5 years ago

2.23.0-canary.12664.5.0

5 years ago

2.23.0-canary.12656.5.0

5 years ago

2.23.0-canary.12658.5.0

5 years ago

2.23.0-canary.12666.5.0

5 years ago

2.23.0-canary.12670.5.0

5 years ago

2.23.0-canary.12648.5.0

5 years ago

2.23.0-canary.12640.5.0

5 years ago

2.23.0-canary.12612.5.0

5 years ago

2.23.0-canary.12634.5.0

5 years ago

2.23.0-canary.12615.5.0

5 years ago

2.23.0-canary.12620.5.0

5 years ago

2.23.0-canary.12617.5.0

5 years ago

2.23.0-canary.12573.5.0

5 years ago

2.23.0-canary.12570.5.0

5 years ago

2.23.0-canary.12560.5.0

5 years ago

2.23.0-canary.12555.5.0

5 years ago

2.23.0-canary.12548.5.0

5 years ago

2.23.0-canary.12551.5.0

5 years ago

2.23.0-canary.12544.5.0

5 years ago

2.22.2-canary.12540.5.0

5 years ago

2.22.1-canary.12533.5.0

5 years ago

2.22.0

5 years ago

2.22.0-canary.12522.5.0

5 years ago

2.22.0-canary.12517.5.0

5 years ago

2.22.0-canary.12518.5.0

5 years ago

2.22.0-canary.12485.5.0

5 years ago

2.22.0-canary.12482.5.0

5 years ago

2.22.0-canary.12471.5.0

5 years ago

2.22.0-canary.12464.5.0

5 years ago

2.22.0-canary.12458.5.0

5 years ago

2.22.0-canary.12445.5.0

5 years ago

2.22.0-canary.12437.5.0

5 years ago

2.22.0-canary.12432.5.0

5 years ago

2.22.0-canary.12427.5.0

5 years ago

2.22.0-canary.12435.5.0

5 years ago

2.22.0-canary.12430.5.0

5 years ago

2.22.0-canary.12418.5.0

5 years ago

2.22.0-canary.12412.5.0

5 years ago

2.22.0-canary.12406.5.0

5 years ago

2.21.0

5 years ago

2.21.0-canary.12395.5.0

5 years ago

2.21.0-canary.12394.5.0

5 years ago

2.21.0-canary.12392.5.0

5 years ago

2.21.0-canary.12390.5.0

5 years ago

2.21.0-canary.12384.5.0

5 years ago

2.21.0-canary.12371.5.0

5 years ago

2.21.0-canary.12369.5.0

5 years ago

2.21.0-canary.12348.5.0

5 years ago

2.21.0-canary.12349.5.0

5 years ago

2.21.0-canary.12352.5.0

5 years ago

2.21.0-canary.12345.5.0

5 years ago

2.21.0-canary.12337.5.0

5 years ago

2.21.0-canary.12324.5.0

5 years ago

2.21.0-canary.12312.5.0

5 years ago

2.21.0-canary.12310.5.0

5 years ago

2.21.0-canary.12309.5.0

5 years ago

2.20.2-canary.12297.5.0

5 years ago

2.21.0-canary.12300.5.0

5 years ago

2.20.2-canary.12294.5.0

5 years ago

2.20.1-canary.12283.5.0

5 years ago

2.20.1-canary.12259.5.0

5 years ago

2.20.1-canary.12257.5.0

5 years ago

2.20.1-canary.12250.5.0

5 years ago

2.20.0

5 years ago

2.20.0-canary.12222.5.0

5 years ago

2.20.0-canary.12206.5.0

5 years ago

2.19.2-canary.12200.5.0

5 years ago

2.19.1-canary.12191.5.0

5 years ago

2.19.1-canary.12182.5.0

5 years ago

2.19.1-canary.12170.5.0

5 years ago

2.19.0

5 years ago

2.19.0-canary.12150.5.0

5 years ago

2.19.0-canary.12151.5.0

5 years ago

2.19.0-canary.12156.5.0

5 years ago

2.19.0-canary.12146.5.0

5 years ago

2.19.0-canary.12145.5.0

5 years ago

2.19.0-canary.12138.5.0

5 years ago

2.19.0-canary.12120.5.0

5 years ago

2.19.0-canary.12118.5.0

5 years ago

2.19.0-canary.12104.5.0

5 years ago

2.19.0-canary.12091.5.0

5 years ago

2.18.2-canary.12075.5.0

5 years ago

2.18.2-canary.12071.5.0

5 years ago

2.18.0

5 years ago

2.18.0-canary.12057.5.0

5 years ago

2.18.0-canary.12055.5.0

5 years ago

2.18.0-canary.12035.5.0

5 years ago

2.18.0-canary.12032.5.0

5 years ago

2.18.0-canary.12033.5.0

5 years ago

2.18.0-canary.12034.5.0

5 years ago

2.18.0-canary.12045.5.0

5 years ago

2.18.0-canary.12030.5.0

5 years ago

2.18.0-canary.12025.5.0

5 years ago

2.18.0-canary.12023.5.0

5 years ago

2.18.0-canary.12022.5.0

5 years ago

2.18.0-canary.12019.5.0

5 years ago

2.18.0-canary.12018.5.0

5 years ago

2.18.0-canary.12013.5.0

5 years ago

2.18.0-canary.12012.5.0

5 years ago

2.18.0-canary.12011.5.0

5 years ago

2.18.0-canary.11996.5.0

5 years ago

2.18.0-canary.11994.5.0

5 years ago

2.18.0-canary.11977.5.0

5 years ago

2.18.0-canary.11986.5.0

5 years ago

2.17.1-canary.11976.5.0

5 years ago

2.17.0

5 years ago

2.17.0-canary.11975.5.0

5 years ago

2.17.0-canary.11966.5.0

5 years ago

2.17.0-canary.11957.5.0

5 years ago

2.17.0-canary.11956.5.0

5 years ago

2.17.0-canary.11955.5.0

5 years ago

2.17.0-canary.11948.5.0

5 years ago

2.17.0-canary.11947.5.0

5 years ago

2.17.0-canary.11931.5.0

5 years ago

2.17.0-canary.11929.5.0

5 years ago

2.17.0-canary.11923.5.0

5 years ago

2.17.0-canary.11922.5.0

5 years ago

2.17.0-canary.11909.5.0

5 years ago

2.17.0-canary.11910.5.0

5 years ago

2.17.0-canary.11889.5.0

5 years ago

2.17.0-canary.11902.5.0

5 years ago

2.17.0-canary.11878.5.0

5 years ago

2.17.0-canary.11880.5.0

5 years ago

2.17.0-canary.11877.5.0

5 years ago

2.16.0-canary.11870.5.0

5 years ago

2.16.0-canary.11857.5.0

5 years ago

2.16.0-canary.11829.5.0

5 years ago

2.16.0

5 years ago

2.15.3-canary.11820.5.0

5 years ago

2.16.0-canary.11827.5.0

5 years ago

2.15.3-canary.11797.5.0

5 years ago

2.15.2-canary.11785.5.0

5 years ago

2.15.2

5 years ago

2.15.2-canary.11781.5.0

5 years ago

2.15.1-canary.11765.5.0

5 years ago

2.15.1-canary.11764.5.0

5 years ago

2.15.0-canary.11760.5.0

5 years ago

2.15.0-canary.11722.5.0

5 years ago

2.15.0

5 years ago

2.15.0-canary.11706.5.0

5 years ago

2.15.0-canary.11702.5.0

5 years ago

2.15.0-canary.11686.5.0

5 years ago

2.15.0-canary.11674.5.0

5 years ago

2.15.0-canary.11679.5.0

5 years ago

2.15.0-canary.11659.5.0

5 years ago

2.15.0-canary.11639.5.0

5 years ago

2.15.0-canary.11599.5.0

5 years ago

2.15.0-canary.11605.5.0

5 years ago

2.15.0-canary.11591.5.0

5 years ago

2.15.0-canary.11588.5.0

5 years ago

2.15.0-canary.11590.5.0

5 years ago

2.15.0-canary.11565.5.0

5 years ago

2.15.0-canary.11557.5.0

5 years ago

2.15.0-canary.11558.5.0

5 years ago

2.14.1-canary.11548.5.0

5 years ago

2.14.1-canary.11513.5.0

5 years ago

2.14.0-canary.11511.5.0

5 years ago

2.14.0

5 years ago

2.14.0-canary.11506.5.0

5 years ago

2.14.0-canary.11498.5.0

5 years ago

2.14.0-canary.11501.5.0

5 years ago

2.14.0-canary.11502.5.0

5 years ago

2.14.0-canary.11481.5.0

5 years ago

2.14.0-canary.11492.5.0

5 years ago

2.14.0-canary.11467.5.0

5 years ago

2.14.0-canary.11473.5.0

5 years ago

2.14.0-canary.11477.5.0

5 years ago

2.14.0-canary.11463.5.0

5 years ago

2.14.0-canary.11406.5.0

5 years ago

2.14.0-canary.11403.5.0

5 years ago

2.14.0-canary.11399.5.0

5 years ago

2.14.0-canary.11389.5.0

5 years ago

2.14.0-canary.11374.5.0

5 years ago

2.14.0-canary.11357.5.0

5 years ago

2.14.0-canary.11372.5.0

5 years ago

2.14.0-canary.11359.5.0

5 years ago

2.14.0-canary.11322.5.0

5 years ago

2.14.0-canary.11344.5.0

5 years ago

2.14.0-canary.11311.5.0

5 years ago

2.13.1-canary.11309.5.0

6 years ago

2.13.0-canary.11303.5.0

6 years ago

2.13.0-canary.11274.6.0

6 years ago

2.13.0-canary.11267.6.0

6 years ago

2.13.0-canary.11268.6.0

6 years ago

2.13.0-canary.11269.6.0

6 years ago

2.13.0-canary.11210.6.0

6 years ago

2.13.0-canary.11192.6.0

6 years ago

2.13.0-canary.11178.6.0

6 years ago

2.13.0-canary.11180.6.0

6 years ago

2.13.0-canary.11141.6.0

6 years ago

2.13.0-canary.11116.6.0

6 years ago

2.13.0-canary.11115.6.0

6 years ago

2.13.0-canary.11117.6.0

6 years ago

2.13.0-canary.11114.6.0

6 years ago

2.13.0-canary.11111.6.0

6 years ago

2.12.0-canary.11099.6.0

6 years ago

2.13.0-canary.11102.6.0

6 years ago

2.12.0

6 years ago

2.12.0-canary.11095.6.0

6 years ago

2.12.0-canary.11081.6.0

6 years ago

2.12.0-canary.11083.6.0

6 years ago

2.12.0-canary.11079.6.0

6 years ago

2.12.0-canary.11075.6.0

6 years ago

2.12.0-canary.11073.6.0

6 years ago

2.12.0-canary.11044.6.0

6 years ago

2.12.0-canary.11041.6.0

6 years ago

2.12.0-canary.11034.6.0

6 years ago

2.12.0-canary.11019.6.0

6 years ago

2.12.0-canary.11018.6.0

6 years ago

2.12.0-canary.11015.6.0

6 years ago

2.12.0-canary.11005.6.0

6 years ago

2.11.4-canary.11003.6.0

6 years ago

2.11.4-canary.11002.6.0

6 years ago

2.11.3-canary.10997.6.0

6 years ago

2.11.3-canary.10995.6.0

6 years ago

2.11.3-canary.10981.6.0

6 years ago

2.11.2

6 years ago

2.11.0

6 years ago

2.11.0-canary.2fa99416a.0

6 years ago

2.10.1

6 years ago

2.11.0-canary.10844.6.0

6 years ago

2.11.0-canary.10836.6.0

6 years ago

2.11.0-canary.10823.6.0

6 years ago

2.10.0

6 years ago

2.10.0-canary.10793.6.0

6 years ago

2.10.0-canary.10787.6.0

6 years ago

2.10.0-canary.10781.6.0

6 years ago

2.10.0-canary.10778.6.0

6 years ago

2.10.0-canary.10759.6.0

6 years ago

2.9.2

6 years ago

2.10.0-canary.10748.6.0

6 years ago

2.9.2-canary.10746.6.0

6 years ago

2.9.1

6 years ago

2.9.1-canary.10740.6.0

6 years ago

2.9.1-canary.10731.6.0

6 years ago

2.9.1-canary.10726.6.0

6 years ago

2.9.0

6 years ago

2.9.0-canary.10710.6.0

6 years ago

2.9.0-canary.10709.6.0

6 years ago

2.9.0-canary.10708.6.0

6 years ago

2.9.0-canary.10705.6.0

6 years ago

2.9.0-canary.10701.6.0

6 years ago

2.9.0-canary.ff66ba780.0

6 years ago

2.9.0-canary.6b70020b5.0

6 years ago

2.8.4-canary.bde01a443.0

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

2.8.0-canary.bcab70307.0

6 years ago

2.8.0-canary.0eafc7d56.0

6 years ago

2.8.0-canary.0c7097ab5.0

6 years ago

2.8.0-canary.bfa021fa1.0

6 years ago

2.8.0-beta.2

6 years ago

2.8.0-canary.33b5593d7.0

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago