Components

Help topic card

Displays a summary of a help topic or article, typically used in support sections to guide users toward relevant information.

Component

View code

Show playground

Topic description

Sets the icon of the help topic.

 <template>
    <HelpTopicCard 
        icon="mdi:help"
    />
</template>

Sets the title of the help topic.

 <template>
    <HelpTopicCard 
        title="Topic title"
    />
</template>

Sets the description of the help topic.

 <template>
    <HelpTopicCard 
        description="Topic description"
    />
</template>

Sets the link to the help topic. Allows only internal links.

 <template>
    <HelpTopicCard 
        to="/"
    />
</template>

Sets the text of the button.

 <template>
    <HelpTopicCard 
        buttonText="Learn more"
    />
</template>

Sets the icon of the button.

 <template>
    <HelpTopicCard 
        buttonIcon="mdi:arrow-right"
    />
</template>