Phenix Storybook

Pick a theme

Displays Riders

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>