AI-Powered Primary Button
AI-powered Primary actions should be represented by an AI-Powered Primary Button containing a label and the AI sparkle.
AI-powered primary buttons can be used to emphasize initiating an AI process, but they are not required if no immediate AI action is to be taken. Use standard Primary or Secondary button styles if AI powers multiple actions on a page.
Use AI-Powered Primary Buttons if the main action of an interface is AI-Powered.
AI Secondary Buttons
Secondary actions display the same as regular secondary actions, using a secondary button. However, these components can include the sparkle icon to reinforce the AI action it will initiate IF the feature IS NOT low risk.
If the AI features is low-risk AND there are multiple options, we can ommit the sparkle icons.
If the feature is not lower risk, and ther'es not an abundance of secondary buttons, we can use the sparkle icon.