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-10.17.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.16.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.15.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.15.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.14.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.13.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.13.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.13.0.pre.node.update app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.12.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.11.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.10.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.9.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.8.1.pre.alpha.flexdeps app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.9.0.pre.alpha1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.8.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.7.1 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
playbook_ui-10.7.0 app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx