Stratton.Cologne

Appearance

Icon & Icons ​

Einzeln nutzbare Icon‑Komponente und benannte Exports.

vue
<script setup lang="ts">
import { Icon, Sun, Moon } from '@stratton-cologne/ui'
</script>

<template>
  <Icon name="Sun" class="w-5 h-5" />
  <Icon :icon="Moon" class="w-5 h-5" />
</template>

Props (Icon) ​

  • name: Name des Icons (z. B. „Sun“). Alternativ :icon mit Component-Ref.
  • size: Zahl oder String (z. B. 16 oder „1rem“).
  • color: CSS-Farbe.
  • strokeWidth: Strichstärke.
  • absoluteStrokeWidth: Nutzt absolute Strichbreite (scale-invariant).
  • title: Setzt Title/role für A11y.