Packages

octantis

0.3.0
0.3.0 0.2.0 0.1.20 0.1.19 0.1.18 0.1.17 0.1.16 0.1.15 0.1.14 0.1.13 0.1.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

An Elixir implementation of Shopify's Polaris design system.

HexDocs

Current section

Files

Jump to
Readme
23 Versions
6 Dependencies
Dependants
Files
Activity
octantis lib octantis_web live components polaris image.ex
Raw

lib/octantis_web/live/components/polaris/image.ex 

defmodule OctantisWeb.Components.Polaris.Image do

  @moduledoc """

  Just an image.



  ## Examples

  ```elixir

  <.image source="/images/relax.svg" alt="Nothing here yet"/>

  ``` 



  ## See

   - https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Image/Image.tsx

  """



  use OctantisWeb.Core, :component



  @doc @moduledoc



  attr :alt, :string, default: nil

  attr :source, :string, required: true

  # attr :cross_origin: cross_origin

  # attr :source_set?: SourceSet[];

  # attr :onLoad?(): void;

  # attr :onError?(): void;



  attr_extra_styles()



  attr :rest, :global



  def image(assigns) do

    assigns = assigns |> assign(:style, extra_styles(assigns))



    ~H"""

    <img alt={@alt} src={@source} style={@style} {@rest} />

    """

  end

end