MarkpromptOptions

PropTypeDescription
apiUrlstring

The base API URL. Default: "https://api.markprompt.com".

childrenReact.ReactNode

Trigger component, such as a search button or a floating chat bubble.

displayMarkpromptDisplay

The way to display the chat/search content. Default: "sheet".

stickyboolean

Enable user interactions outside of the dialog while keeping it open. Default: false.

defaultViewView

The default view to show when both chat and search are enabled. Default: "search".

layout'panels' | 'tabs'

Multi-pane layout when both search and chat are enabled. Default: "panels".

menuMenuOptions

Options for the menu component.

chatUserConfigurableOptions & ChatOptions

Options for the chat component.

searchSubmitSearchQueryOptions & SearchOptions

Options for the search component.

feedbackSubmitFeedbackOptions & FeedbackOptions

Options for the feedback component.

referencesReferencesOptions

Options for the references component.

integrationsIntegrationsOptions

Options for integrations.

triggerTriggerOptions

Options for the trigger component.

closeCloseOptions

Options for the close button.

descriptionDescriptionOptions

Options for the description.

titleTitleOptions

Options for the title component.

linkAsstring | ComponentType<any>

Component to use in place of <a>. Default: "a".

brandingBrandingOptions

Options for the title component.

debugboolean

Display debug info. Default: false.

BrandingOptions

PropTypeDescription
showboolean

Show branding. Default: true.

type'plain' | 'text'

Branding display type. Default: true.

CloseOptions

PropTypeDescription
labelstring

aria-label for the close modal button. Default: "Close Markprompt".

visibleboolean

Show the close button Default: true.

hasIconboolean

Show an × icon in the close button instead of the keyboard shortcut ('Esc'). Default: true.

DescriptionOptions

PropTypeDescription
hideboolean

Visually hide the description Default: true.

textstring

Description text

TitleOptions

PropTypeDescription
hideboolean

Visually hide the title. Default: true.

textstring

Text for the title. Default: "Ask AI".

TriggerOptions

PropTypeDescription
labelstring

aria-label for the open button Default: "Ask AI".

buttonLabelstring

Label for the open button

placeholderstring

Placeholder text for non-floating element. Default: "Ask AI".

floatingboolean

Should the trigger button be displayed as a floating button at the bottom right of the page? Setting this to false will display a trigger button in the element passed to the markprompt function.

customElementboolean | ReactNode

Do you use a custom element as the dialog trigger?

iconSrcstring

Custom image icon source for the open button

View

1type View = 'chat' | 'search' | 'create-ticket';