component

Button

component Button(props: ButtonProps)

A Ridu-themed button or anchor with optional integrated tooltip.

Source packages/ui/src/button/button.svelte:1

Variants are default, outline, secondary, ghost, destructive, and link. Sizes are default, xs, sm, lg, icon, icon-xs, icon-sm, and icon-lg. href selects anchor rendering; disabled anchors remove href and become unfocusable.

Example

<Button
  variant="outline"
  size="sm"
  tooltip="Refresh"
  onclick={refresh}
>
  Refresh
</Button>