question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How can I change the accordion right 'chevron-up' 'chevron-down' icons to my custom icons?

See original GitHub issue

Custom icons for accordion

  • react-native-paper 4.0.1
  • expo 38.0

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6

github_iconTop GitHub Comments

2reactions
henrik-dcommented, Oct 16, 2020

Maybe one could override the current chevron with a custom component if user passed a renderProp, e.g. like that:

right?: (props: {
        color: string;
        expanded: boolean;
    }) => React.ReactNode;

Would you accept an PR with this extension?

1reaction
samOpenforcecommented, Jan 21, 2021

Ability to customise the right icon (in both expanded and not-expanded states) would be a greatly appreciated feature. I’m not clever enough to create a PR to add this, please take pity 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to replace the Chevron icon of accordion in bootstrap by ...
Now replace glyphicon-chevron-up and glyphicon-chevron-down with your own class name.
Read more >
Swap Accordion +/x for Built-in Icons | Themeco Community
Looking to change the +/x icons on the Accordion title bar for either the angle-double-right/angle-double-down icons or the chevron-right/ ...
Read more >
How to change (-, +) symbol with a button in Bootstrap Accordion
In Bootstrap 4, there is no default option for changing (-, +) symbol with a button accordion. Hence it can be done by...
Read more >
Accordion · Bootstrap v5.0
Build vertically collapsing accordions in combination with our Collapse ... You can modify any of this with custom CSS or overriding our default...
Read more >
Bootstrap Icons - examples & tutorial
Add a class of fa-fw on the HTML element referencing your icon to set one or more icons to the same fixed width....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found