Dropdown Indicator

April 21, 2026 ยท View on GitHub

License Stable Downloads Vue JavaScript SCSS npm Issues Merge Requests

Description

Dropdown Indicator is the small chevron icon used by Enso dropdown triggers.

It rotates according to open state and placement so parent dropdown controls do not need to duplicate icon logic.

Installation

Install the package:

yarn add @enso-ui/dropdown-indicator

This package can also be consumed outside the Enso ecosystem.

Features

  • exports a single chevron-based trigger indicator
  • supports collapsed, open-down, and open-up visual states
  • keeps the dropdown trigger template small and reusable

Usage

<script>
import DropdownIndicator from '@enso-ui/dropdown-indicator';

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

<template>
    <DropdownIndicator :open="open" :opens-up="opensUp" />
</template>

API

Default export for the chevron indicator component.

Import: @enso-ui/dropdown-indicator

Props:

  • open: boolean default false
  • opensUp: boolean default false

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