Fluent V9 Button: How do I remove the margin-right styling from the icon span when rendering a button with and icon and children? #30749
Answered
by
pradeept95
svalenciasan
asked this question in
Q&A
-
<Button icon={<AddFilled />} appearance='primary' shape='circular'>
<span style={{ display: 'none' }}>invisible child</span>
</Button>; I want the margin of the span used for rendering the svg icon to be removed. Not sure how to do this though. |
Beta Was this translation helpful? Give feedback.
Answered by
pradeept95
Mar 8, 2024
Replies: 1 comment
-
Hi @svalenciasan ,
You can read more how you can customize components using slots here => https://react.fluentui.dev/?path=/docs/concepts-developer-customizing-components-with-slots--page |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
behowell
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi @svalenciasan ,
You can customize icon behavior using slot api. following example might help you.
You can read more how you can customize c…