Sha256: 6a931a9b67af450d318b2322c3c5ba3965f668a12d701e7d1167d4bc70ce0eac

Contents?: true

Size: 1.19 KB

Versions: 1919

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,919 entries across 1,919 versions & 2 rubygems

Version Path
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.10.0.pre.alpha.pagination1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.10.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.9.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.9.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.8.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.8.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx