FeedbackButton
Floating Action Buttons
Auf der Live-Site kommt eine Instanz aus Layout.astro (unten rechts): Feedback-Button, Bug-Button und vorgefülltes GitHub-Issue mit Metadaten. In Produktion standardmäßig aus; Aktivierung über PUBLIC_ENABLE_FEEDBACK_BUTTON=true oder das Prop enabled. Keine zweite Demo-Instanz hier, um doppelte FABs zu vermeiden.
Codebeispiel
import FeedbackButton from '~/components/widgets/FeedbackButton.astro';
<FeedbackButtonposition="bottom-right"label="Problem melden"icon="tabler:bug"enableScreenshot={false}/>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| githubRepo | string | GitHub-Repo im Format owner/repo | GITHUB_REPO |
| position | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | Position der FAB-Gruppe | bottom-right |
| label | string | Text am Bug-Button (Desktop) | Problem melden |
| icon | string | Tabler-Icon für den Bug-Button | tabler:bug |
| enabled | boolean | Explizit ein/aus; sonst Env/Prod-Logik | siehe Beschreibung |
| enableScreenshot | boolean | Screenshot in den Issue-Body (falls unterstützt) | false |