Skip to main content
Version: 1.1.0

IconButton

@spartanfx/react v1.1.0


@spartanfx/react / index / IconButton

Variable: IconButton

const IconButton: React.FC<IIconButtonProps>;

Icon-only button rendered with an in-house inline-SVG glyph — and, when menuProps is supplied, its own in-house dropdown caret (Fluent would draw that caret with the MDL2 font, which is exactly what we removed).

Wraps Fluent's DefaultButton so behaviour (keyboard, focus, disabled, checked, contextual menu, theming/dark-mode) is identical to Fluent's IconButton; only the rendered glyph + caret are swapped to in-house SVG.

Example

<IconButton name="Delete" title="Delete" onClick={onDelete} />
<IconButton name="MoreCommands" menuProps={{ items }} ariaLabel="More" />