image

@themeables/image

What is a themeable? You can find more in the @themeables readme

Properties that the theme function for the @themeables/image should return:

type TThemeableImage = {
  resizeMode?: 'contain' | 'cover',
}

On top of that, the themeable image component receives these props:

type TImage = {
  id?: string,
  alt?: string,
  source: string,
  height: number,
  width: number,
  topLeftRadius?: number,
  topRightRadius?: number,
  bottomRightRadius?: number,
  bottomLeftRadius?: number,
  resizeMode?: 'contain' | 'cover',
  onLoad?: () => void,
  onError?: () => void,
}

You can see a full example usage in the meta file