sterling-svelte  1.0.12
A modern, accessible, lightweight UI component library for Svelte.
Exciting News! sterling-svelte 2.0 is out and built on Svelte 5! Read all about it here!

TreeChevron

An indicator of leaf or expanded/collapsed items within a hierarchy

Code
<script lang="ts">
  import { TreeChevron } from '@geoffcox/sterling-svelte';
</script>

<TreeChevron hasChildren />

Members

Property Name Type Default Comment
expanded boolean false When true, the chevron indicates the item is expanded.
hasChildren boolean false When false, the chevron indicates the item is a leaf.
variant string '' Additional class names to apply

Considerations

  • Provides selection, expand/collapse, and interaction within a Tree
  • Includes HTMLDivElement props, event, and methods

Anatomy

<div class="sterling-tree-chevron"/>