Make the gap between Anchor's icon and label configurable
See original GitHub issueExpected Behavior
Add support in the theme and as a prop to set the gap size between the <Anchor/>
component’s icon and label
Actual Behavior
The gap size between the icon and label is set and non-configurable. This same type of issue was fixed for <Button/>
components in this PR. There was a comment in the initial request for this change in <Button/>
s that states the gap being bound to global.edgeSize.small
and can be seen here.
URL, screen shot, or Codepen exhibiting the issue
Steps to Reproduce
- N/A
Your Environment
Grommet version: 2.17.4 Browser Name and version: Chrome (latest) Operating System and version (desktop or mobile): MacOS
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Make the gap between Button's icon and label configurable
The only way to configure the gap right now is to change the theme's global.edgeSize.small value since that's the gap size that Button...
Read more >icon is moving out of the anchor tag - html - Stack Overflow
The issue is you are using float:right in the <img> tag which take the image out of the parent flow..So remove float:right and...
Read more >How to Create Anchor Links in WordPress (3 Easy Methods)
Today we'll be diving into how to create anchor links in WordPress and explore why you might want to start using them. From...
Read more ><a>: The Anchor element - HTML: HyperText Markup Language
The relationship of the linked URL as space-separated link types. target. Where to display the linked URL, as the name for a browsing...
Read more >Insert the anchor macro | Confluence Cloud - Atlassian Support
Use the Anchor macro · Select the macro placeholder. · Select the Edit icon to open the configuration panel. · Configure the parameters....
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 FreeTop 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
Top GitHub Comments
I need a suggestion, Where can I add this new Gap feature preview in the storybook. Currently, I created a new menu for that as ‘Gap’ as shown in the image.
Is it fine or not? @britt6612
@iabhitech it would be great if you can contribute! Feel free to open a PR!