Skip to content

Keywords Component

The Keywords component displays keyword tags, perfect for showing research topics or key concepts.

Basic Usage

markdown
<Keywords :keywords="['Machine Learning', 'Deep Learning', 'Neural Networks']" />

Or using the syntax sugar:

markdown
:::keywords{:keywords='["Machine Learning", "Deep Learning"]' color="blue"}:::

Examples

Research Keywords

markdown
<Keywords 
  :keywords="['Computer Vision', 'Object Detection', 'CNN', 'Transfer Learning']" 
  color="blue" 
/>

Topic Tags

markdown
<Keywords 
  :keywords="['Optimization', 'Convergence', 'Gradient Descent']" 
  color="green" 
/>

Props

PropTypeDefaultDescription
keywordsstring[][]Array of keyword strings (alias: items)
colorstring'primary'Color theme: primary, blue, green, purple, gray