Authorization paid plan error message

[Janpot]

Steps to reproduce

Getting an error message when on a free plan

Current behavior

No response

Expected behavior

Options:

1. No Authorization section visible.
2. A "pro" badge after Authorization title and a help icon that links to relevant documentation.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: authentication free

[bharatkashyap]

1. Use a "pro badge" followed by a Help Tooltip, and disable the actual feature:

auth-option-2.mov

Pros

• This helps us standardise an indicator for all potential paid features in the future.
• This also makes the actual feature discoverable (the drop-downs are visible but disabled)

2. Modify the existing alert and remove all instances of "error":

Pros

• This offers a more discoverable path to upgrading, rather than it being hidden behind a Tooltip

[Janpot]

3. Use a "pro badge" followed by a Help Tooltip, but collapse or hide the actual feature

IMO: CTA's are ok, but using the free version can be a conscientious choice, and in that case all this disabled UI just becomes clutter. Keeping only the minimal CTA with a badge is a good compromise.