CSS style driven

You can set up the TwicPics components using pure CSS and the power of CSS variables.

1. Set up aspect ratio with--twic-ratiocss variable.

classsquare

classportrait

classlandscape

2. Set up zoom value with --twic-zoom css variable.

zoom-sm

zoom-md

zoom-lg

3. Class combination: you can set up multiples props asobject-fitandpositionwith--twic-modeandtwic-position

classcontain& classleft

classcontain& classright

classcover

4. Other classical settings (here withwidth)

classlg

classmd

classsm