Button group

Setup

<script lang="ts">
  import { ButtonGroup, Button, GradientButton } from 'svelte-5-ui-lib';
  import { UserCircleSolid, AdjustmentsVerticalSolid, DownloadSolid } from "flowbite-svelte-icons";
</script>

Interactive Button-group Builder

<ButtonGroup>
  <Button>Profile</Button>
  <Button>Settings</Button>
  <Button>Messages</Button>
</ButtonGroup>

Examples

<script lang="ts">
  import { ButtonGroup, GradientButton } from 'svelte-5-ui-lib';
</script>

<ButtonGroup class="space-x-px">
  <GradientButton color="purpleToBlue">Profile</GradientButton>
  <GradientButton color="cyanToBlue">Settings</GradientButton>
  <GradientButton color="greenToBlue">Messages</GradientButton>
</ButtonGroup>

Component data