This variant of the component is used to indicate that the value inside of the form field was populated by AI Generated content.
User responsibility
As noted above, the AI Checkbox should only be selected for content generated by AI. If a user deselects a Checkbox 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 Checkbox since the decision is not AI generated.
AI Glow
Our AI Glow is displayed ONLY the first five seconds after the content was 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 Checkbox that has IA generated content.
Loading/Generating state
While the AI is generating content, the Checkbox should be disabled.
While the AI is generating content the Checkbox should be disabled.
The user should not be able to edit the content of the Checkbox while the AI is generating content for it.