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.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>