MatchDocs

A component for displaying match rules, competition processes, and other documentation content.

Import

import PressMatchDocs from 'press-next/press-match-docs/press-match-docs';

Usage

Basic Usage

<template>
  <PressMatchDocs :items="items" />
</template>

<script setup lang="ts">
import PressMatchDocs from 'press-next/press-match-docs/press-match-docs';

const items = [
  {
    title: 'Preliminary',
    content: 'During the preliminary round, registration is open from Monday to Thursday...',
  },
  {
    title: 'Semi-final',
    content: 'The semi-final will be held within one week after the preliminary round...',
  },
];
</script>

API

Props

Attribute	Description	Type	Default
items	Document items	DocItem[]	[]
custom-class	Custom class name	string	''

DocItem Structure

Attribute	Description	Type
title	Item title	string
content	Item content	string

Theming

CSS Variables

Name	Default Value	Description
--pmd-section-gap	$spacing-lg	Section gap
--pmd-indicator-color	$color-text-brand	Indicator color
--pmd-title-color	$color-text-primary	Title color
--pmd-content-color	$color-text-tertiary	Content color