Components
AI Source
One place the ink came from; href and the rest ride the anchor.
#Basic usage
<script setup lang="ts">
import { AiSource, AiSources } from "@bysages/vue";
</script>
<template>
<!-- The reading list under a response: where this ink came from. -->
<div class="w-full">
<AiSources>
<AiSource href="https://example.com/ink">Ink release notes</AiSource>
<AiSource href="https://example.com/paper">The paper-and-ink system</AiSource>
</AiSources>
</div>
</template>
#Props
#AiSource
One place the ink came from; href and the rest ride the anchor.
| Prop | Type | Default | Description |
|---|---|---|---|
href | String | Where the ink came from — also the link text when no slot is given; opens in a new tab, referrer-free. |
#AiSources
The reading list under a response: where this ink came from.
A styled part — no props of its own; it takes the anatomy's shared styling.