Skip to content

Latest commit

 

History

History
90 lines (71 loc) · 2.42 KB

MaterialIconButton.md

File metadata and controls

90 lines (71 loc) · 2.42 KB
Raw

MaterialIconButton

MaterialIconButton displays an icon and can execute a command.
View Material Design documentation

Screenshot

Example

<material3:MaterialIconButton Command="{Binding StandardCommand}">
    <material3:MaterialIconButton.CustomIcon>
        <ffimageloadingsvg:SvgCachedImage Source="resource://ExampleMaterialDesignControls.Resources.Svg.mute.svg" />
    </material3:MaterialIconButton.CustomIcon>
</material3:MaterialIconButton>

Documentation

Property ButtonType:

This property is to set the type of the IconButton.

Allowed values

  • Standard (Default)
  • Filled
  • Outlined
  • Tonal


Property IsEnabled:

This property is to set if the icon button is enabled or disabled.

Property Command:

This property is to set a command for execution when the control is tapped.

Property CommandParameter:

This property is to specify a parameter for the command when the control is tapped.

Property Animation:

This property is to set the animation of the control when is tapped.

Allowed values

  • None (Default)
  • Fade
  • Scale
  • Custom

Property AnimationParameter:

This property is to set the animation of the control when is tapped.

Property CustomAnimation:

This property is to set a custom animation of the control when is tapped.

Property BackgroundColor:

This property is to set the background color for the circle in the Filled and Tonal types, and for the border in the Outlined type.

Property DisabledBackgroundColor:

This property is to set the background color for the circle in the Filled and Tonal types when the icon button is disabled, and for the border in the Outlined type.

Property Icon:

This property is to set the icon.

Property DisabledIcon:

This property is to set the icon when the icon button is disabled.

Property CustomIcon:

This property is to set a custom icon.

Property CustomDisabledIcon:

This property is to set a custom icon when the icon button is disabled.

PaddingIcon:

This property is used to define the padding of the icon in relation to the circle.

Property BusyColor:

This property is to set the color of the busy indicator.

Property IsBusy:

This property is to show a busy indicator in the button when a command is running.