Lumi.Components2.Image

image :: LumiComponent ImageProps

An image has no size restrictions will respect the image's original aspect ratio

thumbnail :: LumiComponent ThumbnailProps

A thumbnail can support size restrictions will always have a square aspect ratio

small :: ImageModifier Thumbnail

medium :: ImageModifier Thumbnail

large :: ImageModifier Thumbnail

extraLarge :: ImageModifier Thumbnail

smallAvatar :: ImageModifier Thumbnail

we support two sizing scales for thumbnails avatars use a smaller scale, whereas all other images use the above size scale

mediumAvatar :: ImageModifier Thumbnail

largeAvatar :: ImageModifier Thumbnail

resize :: { height :: Int, width :: Int } -> ImageModifier Image

restricted to only Image

resizeSquare :: Int -> ImageModifier Thumbnail

round :: ImageModifier Thumbnail

restricted to only Thumbnail

cover :: PropsModifier ThumbnailProps

contain :: PropsModifier ThumbnailProps

scaleDown :: PropsModifier ThumbnailProps

type ImageProps :: Row Typetype ImageProps = (component :: Image, content :: String, imgStyle :: Style, placeholder :: Maybe JSX)

type ThumbnailProps :: Row Typetype ThumbnailProps = (component :: Thumbnail, content :: String, imgStyle :: Style, placeholder :: Maybe JSX)

data Image

Constructors

• Image

data Thumbnail

Constructors

• Thumbnail