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.
Ability to place Arrow icon to the right of Collapse Panel
See original GitHub issueWhat problem does this feature solve?
I am trying to find a way to position the arrow icon to the right of the panel inside a Collapse component but the API does not provide an option to do that. It would be great if Panel provided you the option to choose where to align the arrow icon.
What does the proposed API look like?
<Collapse> <Panel arrow="right" header="This is panel header 1" key="1"> ... </Panel> </Collapse>
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Can I add an arrow icon to my bsCollapsePanel in R Shiny?
I used this CSS. The CSS uses the :after selector to place an arrow (as content ) behind and displays it on the...
Read more >Which way should arrows point in a collapsible accordion ...
I'd say the convention is for the arrow to point right when collapsed and down when expanded. See this example, were the third...
Read more >Bootstrap Collapsible Panel with Up/Down Arrow Icon
This lightweight code snippet helps you to create Bootstrap collapsible panel with an up/down arrow icon. It can be used to collapse any ......
Read more >Accordion Icons: Which Signifiers Work Best?
Bolé Road Textiles : accordion signaled by plus icon A mobile navigation menu using a right-facing arrow icon to indicate that it opens ......
Read more >Collapse - Ant Design
You can hide the arrow icon by passing showArrow={false} to CollapsePanel component.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Just override the CSS.
antd will follow the Ant Design Specification, if you want something that against the specification, just override CSS.
You can add property
expandIconPositiontoCollapse. e.g.:<Collapse expandIconPosition="right">....</Collapse>