Divider

Description

Divider is a lightweight visual separator component for Enso UI.

It renders a Bulma-style divider line with optional text and configurable label placement.

Installation

Install the package:

yarn add @enso-ui/divider

This package can also be consumed outside the Enso ecosystem.

Features

• exports a single presentational divider component
• supports left, center, and right title placement
• renders the caption through the data-title pseudo-element

Usage

<script>
import Divider from '@enso-ui/divider';

export default {
    components: { Divider },
};
</script>

<template>
    <Divider title="Advanced Filters" placement="left" />
</template>

API

Divider

Default export for the divider component.

Import: @enso-ui/divider

Props:

• placement: 'left' | 'center' | 'right' default center
• title: string | null default null

Events:

• No public emits.

Depends On

• vue

Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

License

MIT