#Adaptive Button

#Adaptiveness

• iOS: native styling

#Variations

#Round

The round property can be used to make the button rounded on all devices. To apply it to only specific devices you can use the useAdaptiveMode hook.

#Icon Button

#Adaptiveness

• iOS: native styling

#Variations

#Variant

The variant="contained" prop can be used to add a background to the button on all devices. To apply it to only specific devices you can use the useAdaptiveMode hook.

#API

MUI Button API with the following changes:

• iOS: disableTouchRipple defaults to true

#round

Increases the border radius to make the button corners appear rounded

• Type: boolean
• Default: false

#Icon Button

MUI Icon Button API with the following changes:

• iOS: disableTouchRipple defaults to true

#variant

Adds a background to the button when set to contained

• Type: "contained" | "default"
• Default: "default"

#Browser Compatibility

• CSS :has()

#Links

• Component Source 
  adaptiveButton.tsx
• Doc Source adaptiveButton.mdx
• MUI Button