Phenix Storybook

Avatar Upload

Default avatar upload Open in playground 
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.avatar_upload_input_group
    form={f}
    name={:avatar}
    upload_config={%Phoenix.LiveView.UploadConfig{accept: ".jpg, .png", ref: "upload-input"}}
    upload_progress={0}
  />
</.phx_form_for>
With label Open in playground 
<.phx_form_for for={%{}} as={:story} :let={f}>
  <.avatar_upload_input_group
    form={f}
    label="Your profile avatar"
    name={:avatar}
    upload_config={%Phoenix.LiveView.UploadConfig{accept: ".jpg, .png", ref: "upload-input"}}
    upload_progress={0}
  />
</.phx_form_for>
With hint Open in playground

8 Mo max 

<.phx_form_for for={%{}} as={:story} :let={f}>
  <.avatar_upload_input_group
    form={f}
    name={:avatar}
    hint="8 Mo max"
    upload_config={%Phoenix.LiveView.UploadConfig{accept: ".jpg, .png", ref: "upload-input"}}
    upload_progress={0}
  />
</.phx_form_for>