Nikky
03/02/2021, 4:08 PMBig Chungus
03/02/2021, 4:33 PM({})
fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
(::img.styled {
boxShadow { flat }
radius { large }
width(sm = { small }, md = { smaller })
}) {
src(srcUrl)
alt(alternativeText)
}
}
VS reimagined:
fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
img.styled({
boxShadow { flat }
radius { large }
width(sm = { small }, md = { smaller })
}) {
src(srcUrl)
alt(alternativeText)
}
}
fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
img(style = {
boxShadow { flat }
radius { large }
width(sm = { small }, md = { smaller })
}) {
src(srcUrl)
alt(alternativeText)
}
}
// OR with builder to allow reusable styles as well
fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
img(style = styleOf({
boxShadow { flat }
radius { large }
width(sm = { small }, md = { smaller })
})) {
src(srcUrl)
alt(alternativeText)
}
}
Jan Weidenhaupt
03/02/2021, 7:01 PMBig Chungus
03/02/2021, 7:15 PM