This variant of the component is used to indicate that the value inside the form field was populated by AI-generated content.
User responsibility
As noted above, the AI Radio Button should only be selected for content generated by AI. If a user deselects a Radio Button that was initially selected by AI, the content will no longer be classified as AI-generated, and ownership will be assumed by the user.
For more guidelines on AI-generated content, check our AI writing documentation.
If the content was created purely by an AI we should always use this variant to indicate it to the user.
If the user alters its AI generated content, the variant should switch back to a default Radio Button since the decision is not AI generated.
AI Glow
Our AI Glow is displayed ONLY for the first five seconds after the content is generated.
Only show the glow for 5 seconds to indicate a content was IA generated.
Don’t use the glow for other states like hover or for prologend periods of time.
Sparkle icon
The sparkle icon cannot be hidden. It indicates that the content was generated by AI and serves as a tooltip that users can hover over to view a brief disclaimer.
We use the spakrle icon as a tooltip.
Don’t remove the sparkle icon from the Radio Button that has IA generated content.
Loading/Generating state
While the AI is generating content, the Radio Button should be disabled.
While the AI is generating content the Radio Button should be disabled.
The user should not be able to edit the content of the Radio Button while the AI is generating content for it.