Returnless UI

Separator ​

Use to separate or group content.

Props
label?:
string | null
Defaults to null
The label to display in the separator.

Usage ​

Card section content
Card section content
With separator label
Card section content
js
<script lang="ts" setup>
import { Card, CardSection, Separator } from '@returnless/focus-ui';
</script>

<template>
  <Card>
    <CardSection>
      Card section content
      <Separator />
      Card section content
      <Separator label="With separator label" />
      Card section content
    </CardSection>
  </Card>
</template>