Description of icon
Flex UI
API Reference

WorkerSkills

This is a container for WorkerSkills that displays the skills section for the agent details. Can be themed with Theme.WorkerSkills in Theme.


Component children#

KeyComponentConditionAlignDescription
add-skillsReact component
Add skills component. Displays a menu with the available skills, the skill level (if the skill requires a level) and a button to add the skill to selected worker
skills-containerstyled(div)
Wrapper for worker skills. Displays a list of skills. Each skill is displayed with a WorkerSkill component
no-skillsstyled(div)
Visible only if worker doesn't have any skills
Wrapper for message shown when there are no skills to be shown. Displays WorkerSkillsSchemaMismatch or WorkerSkillsNoSkills template
buttons-containerstyled(div)
Wrapper for action buttons. Displays save and reset buttons that will be enabled when making changes to worker skills
notification-containerstyled(div)
Visible only if an action has been taken (save or reset buttons have been clicked)
Wrapper for message shown when the user saves or reverts changes to the worker skills. Displays WorkerSkillsError template if there was an error saving the changes, WorkerSkillsSaved template if the changes were successfully saved or WorkerSkillsReverted template if the changes were reverted

Static Properties#

NameTypeDescription
ContentDynamicContentStore<WorkerSkills.WorkerSkillsChildrenProps, WorkerSkillsChildrenKeys>

Dynamic content store

defaultPropsWorkerSkills.WorkerSkillsProps

Default properties

Component Properties#

NameTypeDescriptionOptionalDefault
workerIWorker

Worker

No
availableSkillsArray<Configuration.SkillDefinition>

Available skills

Yes
editSkillsPermissionboolean

permission to edit the skills

Yes

Component Children Properties#

NameTypeDescriptionOptionalDefault
workerIWorker

Worker object

Yes
availableSkillsArray<SkillDefinition>

Available skill

Yes
editSkillsPermissionboolean

permission to edit the skills

Yes
Rate this page

Need some help?

We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.