Atlaskit Icon with extra margin

Atlassian Ecosystem Design
,
1

I would like to add some extra margin to an Atlaskit Icon in Forge Custom UI. I tried to add style - see below, but seems to be ignored.

<PeopleGroupIcon size="large" style={{margin: '20px'}}/>

Any other idea how to add margin to an Atlaskit Icon?

2

Hey mate thanks for the ping.

You can use composition to add the extra margin:

<div style={{ margin: 20 }}>
  <PeopleGroupIcon size="large" style={{margin: '20px'}}/>
</div>

And apply the margin with whatever styling solution you’re using. I’ve given an example with inline styles. Hope this helps!