WtIconAction

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
action	✅	string	-	IconAction enum value
disabled		boolean	false
size		string	'md'
sort:order		string	null

Events

Name	Params	Description
click
mousedown

All Available Icon Actions

	IconAction enum key
	IconAction.ADD
	IconAction.DELETE
	IconAction.DOWNLOAD
	IconAction.EDIT
	IconAction.HISTORY
	IconAction.REFRESH
	IconAction.RESET_MEMBERS
	IconAction.EXPAND
	IconAction.COLLAPSE
	IconAction.FILTERS
	IconAction.COLUMNS
	IconAction.VARIABLES
	IconAction.CLOSE
	IconAction.CANCEL
	IconAction.CLEAR
	IconAction.ADD_FILTER
	IconAction.SAVE
	IconAction.SAVE_PRESET
	IconAction.APPLY_PRESET
	IconAction.ADD_CONTACT
	IconAction.DOWNLOAD_PDF
	IconAction.CHAT
	IconAction.UPLOAD
	IconAction.LOGOUT

Code

<script setup>
import { WtIconActionIconMappings } from '__lib__/components/wt-icon-action/iconMappings';
import { IconAction } from '__lib__/enums';

const IAMap = Object.entries(IconAction).reduce((acc, [key, value]) => {
  acc[value] = key;
  return acc;
}, {});

const availableActions = Object.keys(WtIconActionIconMappings);
</script>

<template>
  <wt-table :data="availableActions.map((action) => ({
    icon: action,
    action: IAMap[action],
  }))
    " :headers="[
      { value: 'icon', width: '80px' },
      { value: 'action', text: 'IconAction enum key' },
    ]" :selectable="false">
    <template #icon="{ item }">
      <wt-icon-action :action="item.icon" />
    </template>

    <template #action="{ item }">
      <wt-copy-action :text="`IconAction.${item.action}`" style="margin-right: var(--spacing-2xs)" />
      <code>IconAction.{{ item.action }}</code>
    </template>
  </wt-table>
</template>