Components
Highlight
Highlight, dressed in the paper-and-ink system: query hits are strokes of pigment on the page — a quiet tint of the accent behind the ink, never neon. The component renders bare <mark> elements, so the document-wide mark default carries the look. The parts.
#Basic usage
The page is warm paper, the words are ink, and hierarchy rises from light rather than boxes.
<script setup lang="ts">
import { Highlight } from "@bysages/vue";
</script>
<template>
<p class="max-w-[46ch] leading-[1.7]">
<Highlight
query="ink"
text="The page is warm paper, the words are ink, and hierarchy rises from light rather than boxes."
/>
</p>
</template>