Component catalog

Fast.Element.Plus adds common business capabilities to Element Plus. Components support light/dark themes and phone, tablet, and desktop layouts. Sidebar entries represent independent components; related components are documented with their parent.

FaAvatarAvatarFaButtonButtonFaIconIconFaIconSelectorIcon selectorFaImageImageFaFormForm, FormItem, FormItemTipFaCarNumberLicense plateFaSelectSelect, SelectOptionFaSelectPagePaginated selectorFaSelectV2Virtual selectorFaTreeSelectTree selectorFaInputDialogPageDialog page selectorFaTableTable, TableColumnFaTreeTreeFaDialogDialogFaDrawerDrawerFaContextMenuContext menuFaLayoutGridResponsive layout, LayoutGridItemFaUploadFile uploadFaUploadImageSingle image uploadFaUploadImagesMultiple image upload

Reading API tables

Each page combines Fast additions/changes with native Props, Events, Slots, and Expose for the locked Element Plus version. Source labels identify forwarded, changed-default, and unsupported members. The package's TypeScript exports remain authoritative.

Native props/events come from installed Element Plus runtime definitions; slots/expose are manually reviewed against the locked version. Recheck all four when upgrading across two or more minor releases to prevent missing or redundant documentation.

Each main capability has a titled interactive example. Expand View code to read or copy the complete Vue source.

Combining basic components

View code

Vue

<template>
	<div class="demo-row">
		<FaButton type="primary" @click="handleAsyncClick">异步按钮</FaButton>
		<FaButton type="success" disabled-loading>普通按钮</FaButton>
		<FaButton type="warning" plain disabled-loading>警告操作</FaButton>
		<FaAvatar :size="42" />
		<FaIcon name="el-icon-Search" :size="22" color="var(--el-color-primary)" />
	</div>
</template>

<script setup lang="ts">
import { ElMessage } from "element-plus";

const handleAsyncClick = (_event: MouseEvent, done?: () => void): void => {
	window.setTimeout(() => {
		ElMessage.success("异步操作完成");
		done?.();
	}, 700);
};
</script>

Component categories

Primary component	Related components
FaForm	FaFormItem、FaFormItemTip
FaSelect	FaSelectOption
FaTable	FaTableColumn, column settings, pagination, and internal search components
FaLayoutGrid	FaLayoutGridItem
Other primary components	Independent pages without duplicating other components' related APIs