Skip to content

[Shade] - Create custom Image directive #18

@AntonioObra

Description

@AntonioObra

Much like component directive @component, there should be @image custom directive for adding images in Shade. This would be similar to Nextjs <Image/> tag, where it would create a picture tag and handle mobile and desktop images with optimization for resolutions.

@image(url: "/images/placeholder.jpg", props: [
    "width" => "1200",
    "height" => "1200",
    "lazy" => false,
    "alt" => "placeholder"
])

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Ready

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions