Sha256: 6a931a9b67af450d318b2322c3c5ba3965f668a12d701e7d1167d4bc70ce0eac

Contents?: true

Size: 1.19 KB

Versions: 1978

Compression:

Stored size: 1.19 KB

Contents

import React from 'react'

import AvatarActionButton from '../_avatar_action_button'

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

export default AvatarActionButtonPlacement

Version data entries

1,978 entries across 1,978 versions & 2 rubygems

Version Path
playbook_ui-12.11.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.10.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.9.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease296 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease295 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease294 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.8.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease293 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx