CloudCannonImage Component Test

This page tests all the new features and backward compatibility of the CloudCannonImage component.

Test 1: No props (backward compatibility)

Default behavior with only required props - should show border and default max-height of 320px:

Test 2: Width prop

Custom width of 400px:

Test 3: Height prop

Custom height of 250px:

Test 4: Border false

Image without border:

Test 5: Centered prop

Centered image (existing functionality):

Test 6: Combined props

Width, height, no border, and centered:

Test 7: Dark mode

The component should work correctly in dark mode. Toggle dark mode to verify border colors change appropriately.