Button

A customizable component with configurable styles, variants, sizes, and accessibility features for interactive UI elements.

View source
<script lang="ts">
    import { Button } from 'svxui';
</script>

<Button>button</Button>

API Reference

PropertyTypeDefaultDescription
active
boolean
Button active state
align
union
"center"Text Align
children Snippet
Snippet<[void]>
Button content to render
color
string | number | symbol
"neutral"Button color
elementRef $bindable
HTMLButtonElement
Rendered DOM element
fullWidth
boolean
Button full width
iconOnly
boolean
Button icon only
radius
union
Button radius
size
union
"2"Button size
transform
union
Text transform
variant
union
"solid"Button variant

Examples

Colors

Variants

Sizes

Icons

States

Text transform

FullWidth + Alignments

v0.0.13