Ori Logo
Command Palette
Search for a command to run
0

Liquid Button

A button that fills on hover.


Installation

Usage

import LiquidButton from '$lib/registry/buttons/liquid-button/liquid-button.svelte';
<LiquidButton>Hover Me</LiquidButton>

Props

Prop Type Default Description
class string '' Additional CSS classes for custom styling
variant string 'default' Button variant (default, destructive, outline, secondary, ghost, link)
size string 'default' Button size (default, sm, lg, icon, icon-sm, icon-lg)

Extends all props from shadcn-svelte Button.