Reaction Panel

Statusstable
Published5.8.0
❤️2
👍1
<jds-reaction-panel>
    <template #options>
        <jds-reaction-option type="❤️" @click="handleClick('hearts')" />
        <jds-reaction-option type="👍" @click="handleClick('thumbs')" />
        <jds-reaction-option type="😕" @click="handleClick('meh')" />
    </template>
    <jds-reaction
        type="❤️"
        v-if="votes.hearts"
        :value="votes.hearts"
        :active="myVotes.includes('hearts')"
        @click="handleClick('hearts')"/>
    <jds-reaction
        type="👍"
        v-if="votes.thumbs"
        :value="votes.thumbs"
        :active="myVotes.includes('thumbs')"
        @click="handleClick('thumbs')"
    >
        Bob
    </jds-reaction>
    <jds-reaction
        type="😕"
        v-if="votes.meh"
        :value="votes.meh"
        :active="myVotes.includes('meh')"
        @click="handleClick('meh')"/>
</jds-reaction-panel>

JdsReactionPanel

Slots

Slot
default
options

Changelog

JdsReaction

Props

PropValueDefault
typestringnone
valuenumbernone
activeboolean false

Events

EventPayload
click

Slots

Slot
default

Changelog

JdsReactionOption

Props

PropValueDefault
typestringnone
activeboolean false

Events

EventPayload
click

Changelog

JOBILLA DESIGN SYSTEM