Catalog Collaboration

<.person_row>

ConnieUI.Collaboration

Lars Hansen 2 hours ago lars@castingdemo.dk
HEEx 
<div class="w-80">
  <ConnieUI.Collaboration.person_row image={@image} name="Lars Hansen" email="lars@castingdemo.dk" meta="2 hours ago">
    <:actions>
      <ConnieUI.Buttons.mini icon="icon-x-close" color="quaternary" aria_label="Reject Lars Hansen" />
      <ConnieUI.Buttons.mini icon="icon-check" aria_label="Approve Lars Hansen" />
    </:actions>
  </ConnieUI.Collaboration.person_row>
</div>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

:string
:string
:string
:string
:string

Set by the example

class

Docs

One person in a list of them: a collaborator with a Remove, a request with an Approve and a Reject. `meta` is whatever distinguishes this row from the default, and is why the same row serves both lists: "2 hours ago" on a request, "Can view" on a collaborator whose level is not the usual one. Left out, the row is just a name and an address. Keep it to a few words. It shares a line with the name, and the name is what holds its width, so a long meta is what gets cut. The card the row sits in is the place for the rest: "Asked for access, waiting on an answer" above the list leaves each row with only the when.
Attribute Type Default Description
name * :string
email :string nil
image :string nil
online :boolean false
meta :string nil
size :string "size-10"
class :any nil
Slot Slot attributes Description
:actions