An action that opens or triggers an AI interaction.
import { AIButton } from '@vrum/ui';
<AIButton
variant={"secondary"}
size={"md"}
disabled={false}
iconOnly={false}
>
{"Draft with AI"}
</AIButton>| Prop | Type | Default | Description |
|---|---|---|---|
iconOnly | boolean | false | icon only configuration. |
variant | "destructive" | "primary" | "secondary" | "outline" | "ghost" | "link" | "secondary" | Visual appearance within the Vrum design system. |
size | "xs" | "sm" | "md" | "lg" | "2lg" | "3lg" | "icon" | none | Size of the component. |
destructive | boolean | none | destructive configuration. |
asChild | boolean | none | as child configuration. |
loadingText | string | none | loading text configuration. |
loading | boolean | none | Show the loading state. |
isLoading | boolean | none | is loading configuration. |
fullWidth | boolean | none | full width configuration. |
leftIcon | React.ReactNode | none | left icon configuration. |
rightIcon | React.ReactNode | none | right icon configuration. |
disabled | boolean | none | Disable user interaction. |
name | string | none | name configuration. |
type | "submit" | "reset" | "button" | none | type configuration. |
value | string | number | readonly string[] | none | Controlled value. |
defaultChecked | boolean | none | default checked configuration. |
defaultValue | string | number | readonly string[] | none | Initial value for an uncontrolled component. |
autoFocus | boolean | none | auto focus configuration. |
className | string | none | Additional CSS classes. |
id | string | none | id configuration. |
style | CSSProperties | none | Inline style overrides. |
aria-invalid | boolean | "false" | "true" | "grammar" | "spelling" | none | Indicates the entered value does not conform to the format expected by the application. |
aria-label | string | none | Defines a string value that labels the current element. |
children | ReactNode | none | Content displayed inside the component. |
onFocus | FocusEventHandler<HTMLButtonElement> | none | on focus configuration. |
onBlur | FocusEventHandler<HTMLButtonElement> | none | on blur configuration. |
onChange | ChangeEventHandler<HTMLButtonElement, Element> | none | Called when the input value changes. |
onSubmit | SubmitEventHandler<HTMLButtonElement> | none | Called when the form is submitted. |
onKeyDown | KeyboardEventHandler<HTMLButtonElement> | none | on key down configuration. |
onClick | MouseEventHandler<HTMLButtonElement> | none | Called when the control is activated. |
onSelect | ReactEventHandler<HTMLButtonElement> | none | on select configuration. |