Sha256: 1402c66a8726ad144f836bafc90ac9135779bbcbef51eadea5af63830aeea16a

Contents?: true

Size: 1.23 KB

Versions: 4

Compression:

Stored size: 1.23 KB

Contents

import React from "react"
import { MultipleUsers } from "../../"

function MultipleUsersReverse() {
  return (
    <div>
      <MultipleUsers
        reverse
        users={[
          {
            name: "Patrick Welch",
            image_url: "https://randomuser.me/api/portraits/men/9.jpg",
          },
          {
            name: "Lucille Sanchez",
            image_url: "https://randomuser.me/api/portraits/women/6.jpg",
          },
          {
            name: "Beverly Reyes",
            image_url: "https://randomuser.me/api/portraits/women/74.jpg",
          },
          {
            name: "Keith Craig",
            image_url: "https://randomuser.me/api/portraits/men/40.jpg",
          },
          {
            name: "Alicia Cooper",
            image_url: "https://randomuser.me/api/portraits/women/46.jpg",
          }
        ]} />

      <br/><br/>

      <MultipleUsers
        reverse
        users={[
          {
            name: "Shawn Palmer",
            image_url: "https://randomuser.me/api/portraits/men/93.jpg",
          },
          {
            name: "Andrew Murray",
            image_url: "https://randomuser.me/api/portraits/men/75.jpg",
          }
        ]} />
    </div>
  )
}

export default MultipleUsersReverse

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx