Skip to content

Button

The button component is a simple button that can be used to trigger actions or navigate to a different page.

Usage

vue
<script setup lang="ts">
import { Button } from "@froeschke/ui";
</script>

<template>
  <Button color="indigo"> Button </Button>
</template>

Props

NameTypeDefaultDescription
colorStringindigoColor of the button (https://tailwindcss.com/docs/customizing-colors)
sizeString: sm, md or lgmdThe size of the button
disabledBooleanfalseWhether the button is disabled or not
selectedBooleanfalseWhether the button is selected or not
toObject or String-The route to navigate to (Vue Router)
hrefString-The URL to navigate to