Sha256: bfb85f5ec7d5e7f8c30b17369f3fb403fd823d94cd6fca87409d05ebc7317d79

Contents?: true

Size: 804 Bytes

Versions: 1512

Compression:

Stored size: 804 Bytes

Contents

The `reaction` variant accepts any HTML Emoji or it's hexa/decimal ref (see [here](https://www.w3schools.com/charsets/ref_emoji.asp)) as a string within the `icon` prop. If nothing is passed to the icon prop, the default reaction button will be displayed as seen in the third example. The default reaction button will also be rendered if a Fontawesome icon (not an Emoji) is passed to the `icon` prop of a `reaction` variant, but the default "smiley +" icon will be replaced with the named icon.

Reaction buttons also accept two additional (optional) props: `count`, which accepts a number (i.e., a count of reactions) to be displayed next to the Emoji; and `highlight`, which is a boolean that if true, displays the 'active' state for the button. Click the first reaction button to see this in action!

Version data entries

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

Version Path
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui_docs-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_button/docs/_button_reaction.md
playbook_ui-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_button/docs/_button_reaction.md