Skip to content

enso-ui/divider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Divider

License Stable Downloads Vue JavaScript SCSS npm Issues Merge Requests

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

Packages

 
 
 

Contributors