EnBenefitIcon

Usage

The EnBenefitIcon component renders an inline SVG using the icon prop that is associated with the lkp_benefit_category table icon_class_name column. Other available props to control display are size and theme.

IMPORTANT

EnBenefitIcon is not included in en-components, it must be imported. It is also installed globally in it's own entry file, if that file is included then no import is needed. See in app usage for reference.

import EnBenefitIcon from '@front-end/en-components/src/lib-components/icons/EnBenefitIcon.vue'

Preview

Props

Name	Description	Default	Control
size	The size of the modal, use preset values or a number. string	"lg"	smmdlgxlnumber
theme	Sets the color theme for duotone icons. Set to null or empty string to use the stroke and fill props to override. string	"benefits"	benefitsemployee
icon	Name of the icon, should match the icon class name in the benefit category lookup table. unknown required	unknown	accidentadndcancercdhchiropracticcommutercritical-illnessdentaldisabilityemployee-planexecutivefsagap-medicalhealth-conciergehearinghospital-indemnityhrahsaid-protectionlab-serviceslegallifemarketplacemedicalpetprescriptionprivate-insuranceretirementsupplemental-lifesupplemental-medicalsupplemental-producttelehealthtravel-assistancetricareumbrellavisionvoluntary-critical-illnessvoluntary-dentalvoluntary-visionwellness

Slots

No slots defined.

Events

No events defined.

Methods

No methods defined.