Contents

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

const MultipleUsersSize = (props) => {
  return (
    <div>
      <MultipleUsers
          size="xxs"
          users={[
        {
          name: 'Patrick Welch',
          imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
        },
        {
          name: 'Lucille Sanchez',
          imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
        },
        {
          name: 'Beverly Reyes',
          imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
        },
        {
          name: 'Keith Craig',
          imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
        },
        {
          name: 'Alicia Cooper',
          imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
        },
      ]}
          {...props}
      />

      <br />
      <br />

      <MultipleUsers
          size="xxs"
          users={[
        {
          name: 'Shawn Palmer',
          imageUrl: 'https://randomuser.me/api/portraits/men/93.jpg',
        },
        {
          name: 'Andrew Murray Cooper Craig',
          imageUrl: 'https://randomuser.me/api/portraits/men/75.jpg',
        },
      ]}
          {...props}
      />
    </div>
  )
}

export default MultipleUsersSize

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
playbook_ui-10.0.1	app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
playbook_ui-10.0.0	app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx