aforemny/material-components-web-elm/6.0.0

NOTE: the latest version is 9.1.0

Rerouted (regenerated, verified). Same repository and tag, but GitHub now builds the zip with different bytes, so it no longer matches the SHA-1 package.elm-lang.org recorded. The Lamdera package server serves a copy recovered from https://github.com/aforemny/material-components-web-elm.

What we checked: Tag 6.0.0 is still on github.com/aforemny/material-components-web-elm; its commit fa5f16f0eddc is from 2020-10-08 13:01 UTC, before the version was published (2020-10-08 13:03 UTC); every file Elm uses matches a copy in a Lamdera package cache from 2021-02-13, from before the change; elm.json is byte-identical to package.elm-lang.org's; the exposed modules match docs.json; the zip's SHA-1 is not the published one (GitHub's zip no longer comes out byte for byte the same), so the contents were checked instead.

The Lamdera compiler uses this copy and prints a one-line notice saying so. elm itself fails to download this version.

Details · package.elm-lang.org's zip: https://github.com/aforemny/material-components-web-elm/zipball/6.0.0/

Material.ImageList.Item

An Image List consists of several items, each containing an image and optionally supporting a text label.

This modules concerns the image list item. If you are looking for information about the image list contianer, refer to Material.ImageList.

Table of Contents

Resources

Basic Usage

Note that you will have to set the width and margin of image list items yourself, preferably through SASS or through inline CSS.

import Html.Attributes exposing (style)
import Material.ImageList as ImageList
import Material.ImageList.Item as ImageListItem


main =
    ImageList.imageList ImageList.config
        [ ImageListItem.imageListItem
            (ImageList.itemConfig
                |> ImageList.setAttributes
                    [ style "width" "calc(100% / 5 - 4px)"
                    , style "margin" "2px"
                    ]
            )
            "images/photos/3x2/1.jpg"
        ]

Configuration

type alias Config msg =
Config msg

Configuration of an image list item

config : Config msg

Default configuration of an image list item

Configuration Options

setLabel : Maybe String -> Config msg -> Config msg

Specify an image list item's label

setHref : Maybe String -> Config msg -> Config msg

Specify whether an image list item is supposed to be a link image list item

A link image list items behaves essentially like a HTML5 anchor element.

setAttributes : List (Attribute msg) -> Config msg -> Config msg

Specify additional attributes

Image list Item

type alias ImageListItem msg =
ImageListItem msg

Image list item type

Image list items can only be rendered within a image list container

imageListItem : Config msg -> String -> ImageListItem msg

Image list item constructor