Skip to content

Missing Chevrons on @pnp/spfx-controls-react/lib/Accordion on version 3.23.0 #2097

@bdking71

Description

@bdking71

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[ ] Enhancement

[X ] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.23.0 ]

Expected / Desired Behavior / Question

When trying to understand what was going on, I found an error in this code:
node_modules@pnp\spfx-controls-react\lib\controls\accordion\Accordion.js

Lines 34 and 35

    collapsedIcon.iconName = props.collapsedIcon || 'CheveronRight';
    expandedIcon.iconName = props.expandedIcon || 'CheveronDown';

Chevron is misspelled this should be:

    collapsedIcon.iconName = props.collapsedIcon || 'ChevronRight';
    expandedIcon.iconName = props.expandedIcon || 'ChevronDown';

Observed Behavior

When rendering the According in a SPFx web part the the ChevronRight or ChevronDown does not render.

Steps to Reproduce

Add an Accordion to a SharePoint SPFx 1.22.1 Project.

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions