Label
A macOS text label (a non-editable NSTextField). variant selects one of the eleven macOS text styles measured from the reference kit; secondary switches to NSColor.secondaryLabelColor.
Storage
Manage the space on this Mac.Usage
vue
<script setup lang="ts">
import { MacLabel } from 'macvue'
</script>
<template>
<MacLabel variant="headline">
Notifications
</MacLabel>
</template>Variants
large-titletitle-1title-2title-3headlinebodycalloutsubheadlinefootnotecaption-1caption-2
Semantic tags
The rendered tag defaults to <span> and can be changed with as for semantic headings.
API
Props
| Prop | Type | Default |
|---|---|---|
variant | 'large-title' | 'title-1' | 'title-2' | 'title-3' | 'headline' | 'body' | 'callout' | 'subheadline' | 'footnote' | 'caption-1' | 'caption-2' | 'body' |
secondary | boolean | false |
as | string | 'span' |
Slots
| Slot | Description |
|---|---|
default | Label text content. |