@bolt/components-background

v5.8.0

An absolute positioned element that renders as a background (image, video, or shapes) inside relative positioned containers.

bolt design system bolt css framework design system

0/weekUpdated 3 years agoMITUnpacked: 43.9 KB

Published by mikemai2awesome

npm install @bolt/components-background

Homepage npm

Dist Tags

latest5.8.0

next2.8.0-beta.1

canary2.23.0-canary.12672.5.0

Background can be added to any container. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

###### Install via NPM

``npm install @bolt/components-background`

`Description`

Background allows Bolt to set an image inside of bands.

- Can set an image inside the band - Can set background shapes - Can set focus on the left - Can set focus on the right - Can set light, medium, or heavy opacity - Can set a left, right, or center gradient

We recommend a max-width of 2880px for full-bleed background images. This recommendation takes into consideration the common HD screen resolution of 1920x1080 and multiplies 1920 by 1.5`.

@bolt/components-background - npm explorer