Sha256: 83b9e416292fdedbf03b5213c078992c5f30fdd1761a51607f8274b4537f27cd

Contents?: true

Size: 839 Bytes

Versions: 73

Compression:

Stored size: 839 Bytes

Contents

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

const AvatarActionButtonPlacement = () => (
  <div className="pb--doc-demo-row">
    <AvatarActionButton
        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
        name="Sophia Carden"
        placement="bottom_left"
    />
    <AvatarActionButton
        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
        name="Sophia Carden"
        placement="bottom_right"
    />
    <AvatarActionButton
        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
        name="Sophia Carden"
        placement="top_left"
    />
    <AvatarActionButton
        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
        name="Sophia Carden"
        placement="top_right"
    />
  </div>
)

export default AvatarActionButtonPlacement

Version data entries

73 entries across 73 versions & 1 rubygems

Version Path
playbook_ui-6.2.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-7.0.0.pre.alpha1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0.pre.alpha5 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0.pre.alpha4 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0.pre.alpha3 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0.pre.alpha2 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0.pre.alpha1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.1.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1.pre.alpha6 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1.pre.alpha5 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1.pre.alpha4 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1.pre.alpha3 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1.pre.alpha2 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-6.0.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx