Skip to content

Action Bar

A container component that displays elements in a row.

Usage

vue
<script setup lang="ts">
import { ActionBar, SecondaryButton } from '@youcan/ui-vue3';
</script>

<template>
  <ActionBar>
    <SecondaryButton form="export-orders">
      Close
    </SecondaryButton>
    <PrimaryButton form="export-orders">
      <template #icon>
        💾
      </template>
      Save
    </Primarybutton>
  </ActionBar>
</template>

API Reference