Sha256: 2be268d7070b41415ffe1c766cf1ffafe738860bc7199cf1276eee54a5fc59ad

Contents?: true

Size: 1.02 KB

Versions: 3

Compression:

Stored size: 1.02 KB

Contents

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

function UserDefault() {
  return (
    <div class="pb--doc-demo-row">

      <div>
        <User
          name='Anna Black'
          title='Remodeling Consultant'
          orientation="vertical"
          align="center"
          size='lg'
          avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
        />
      </div>

      <div>
        <User
          name='Anna Black'
          title='Remodeling Consultant'
          orientation="horizontal"
          align="left"
          avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
        />
      </div>

      <div>
        <User
          name='Anna Black'
          orientation="horizontal"
          align="left"
          avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
        />

        <br/>

        <User
          name='Anna Black'
          orientation="horizontal"
          align="left"
          avatar={true}
        />
      </div>

    </div>
  )
}

export default UserDefault;

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_user/docs/_user_default.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_user/docs/_user_default.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_user/docs/_user_default.jsx