Developer Interactive
If you want an interactive icon that changes when hovered over (such as color and cursor), simply set the desired color for the icon using the color property and add the interactive property. That's it! You won't need to specify an extra color for the icon when it's hovered over or in an active state.
tsx
import React from 'react';
import LinkExternalM from 'intergalactic/icon/LinkExternal/m';
const Demo = () => (
<LinkExternalM
interactive
aria-label='Go to our awesome article'
color='icon-secondary-neutral'
/>
);
export default Demo;import React from 'react';
import LinkExternalM from 'intergalactic/icon/LinkExternal/m';
const Demo = () => (
<LinkExternalM
interactive
aria-label='Go to our awesome article'
color='icon-secondary-neutral'
/>
);
export default Demo;