Components
Dock
The magnifying dock: a floating rail whose icons swell toward the hand. The wrapper measures per item and writes --bs-dock-scale; CSS eases the chase, so no spring engine rides along.
#Basic usage
墨
纸
研
印
卷
章
<script setup lang="ts">
import { Dock } from "@bysages/vue";
const glyphs = ["\u58A8", "\u7EB8", "\u7814", "\u5370", "\u5377", "\u7AE0"];
</script>
<template>
<Dock>
<Dock.Item
v-for="glyph in glyphs"
:key="glyph"
class="flex h-11 w-11 items-center justify-center rounded-md border border-border bg-surface-2 text-lg"
>
{{ glyph }}
</Dock.Item>
</Dock>
</template>
#Props
#SDockRoot
The magnifying dock: a floating rail whose icons swell toward the hand. The wrapper measures per item and writes --bs-dock-scale; CSS eases the chase, so no spring engine rides along.
| Prop | Type | Default | Description |
|---|---|---|---|
maxScale | Number | 1.5 | — |
radius | Number | 96 | — |
#SDockItem
One moored place in the rail: whatever slots in grows from the floor, never from its center.
A styled part — no props of its own; it takes the anatomy's shared styling.