-
- Overview
-
- Overview
- accordion
- alert
- alert-dialog
- aspect-ratio
- auto-truncater
- avatar
- avatar-group
- background-boxes
- badge
- blur-fade
- breadcrumb
- button
- calendar
- card
- carousel
- chart
- checkbox
- code-editor
- collapsible
- collection-form
- collection-kanban
- collection-table
- combobox
- command
- context-menu
- copy\_button
- country-picker
- data-renderer
- dialog
- doc-toc
- drawer
- dropdown-menu
- dynamic-background
- empty
- event-calendar
- feature-colors
- field
- file\_drop
- file-tree
- file-upload
- form
- hover-card
- icon-wrapper
- indicator
- information
- input
- input-group
- item
- kanban
- keybindings
- label
- layout
- markdown-editor
- menubar
- multi-step-combobox
- navigation-menu
- page
- pagination
- pane
- pin-input
- popover
- portal
- progress
- radio-group
- range-calendar
- resource-scheduler
- scroll-area
- search
- selection-card
- separator
- sheet
- sidebar
- skeleton
- slider
- sliding-indicator
- sonner
- sortable
- spinner
- star-rating
- static-map
- step-form
- structured-value
- switch
- table
- tabs
- tags-input
- textarea
- theme-toggle
- time-field
- time-range
- toggle
- toggle-group
- tooltip
- tree-combobox
- tree-select
- tree-view
- utils
- workspace-shell
sliding-indicator
sliding-indicator
Type Aliases
SlidingIndicatorPositioned
type SlidingIndicatorPositioned = object;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:18
Properties
| Property | Type | Defined in |
|---|---|---|
current |
boolean |
packages/ui/build/sliding-indicator/sliding-indicator.d.ts:19 |
SlidingIndicatorRect
type SlidingIndicatorRect = object;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:7
Properties
Variables
SLIDING_INDICATOR_EXPAND_TRANSITION_CLASS
const SLIDING_INDICATOR_EXPAND_TRANSITION_CLASS: "grid min-h-0 transition-[grid-template-rows] duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]" = "grid min-h-0 transition-[grid-template-rows] duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]";Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:6
Folder expand/collapse in file tree — same duration and easing.
SLIDING_INDICATOR_MS
const SLIDING_INDICATOR_MS: 200 = 200;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:2
Shared duration for sliding selection indicators (tabs, file tree, sidebar rail).
SLIDING_INDICATOR_TRANSITION_CLASS
const SLIDING_INDICATOR_TRANSITION_CLASS: "pointer-events-none absolute top-0 left-0 z-0 transition-transform duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform" = "pointer-events-none absolute top-0 left-0 z-0 transition-transform duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform";Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:4
Sliding pill: position only — width/height snap so the pill glides A→B without fighting size changes.
Functions
bindSlidingIndicatorMeasure()
function bindSlidingIndicatorMeasure(config): (animate) => void;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:21
Parameters
| Parameter | Type |
|---|---|
config |
{ formatStyle?: (rect, options) => string; getTarget: () => HTMLElement | null; onStyle: (style) => void; positioned: SlidingIndicatorPositioned; whenHidden?: () => boolean; } |
config.formatStyle? |
(rect, options) => string |
config.getTarget |
() => HTMLElement | null |
config.onStyle |
(style) => void |
config.positioned |
SlidingIndicatorPositioned |
config.whenHidden? |
() => boolean |
Returns
(animate) => void
createSlidingIndicatorScheduler()
function createSlidingIndicatorScheduler(measure): (animate) => void;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:33
Coalesce DOM measures; defer resize snaps while a slide is in flight.
Parameters
| Parameter | Type |
|---|---|
measure |
(useTransition) => void |
Returns
(animate) => void
formatSlidingIndicatorStyle()
function formatSlidingIndicatorStyle(rect, options): string;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:14
Parameters
| Parameter | Type |
|---|---|
rect |
SlidingIndicatorRect |
options |
{ hasPositioned: boolean; useTransition: boolean; } |
options.hasPositioned |
boolean |
options.useTransition |
boolean |
Returns
string
observeSlidingIndicatorResize()
function observeSlidingIndicatorResize(
root,
schedule,
selector?): () => void;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:31
Parameters
| Parameter | Type |
|---|---|
root |
HTMLElement |
schedule |
(animate) => void |
selector? |
string |
Returns
() => void
rectFromOffsetElement()
function rectFromOffsetElement(el): SlidingIndicatorRect;Defined in: packages/ui/build/sliding-indicator/sliding-indicator.d.ts:13
Parameters
| Parameter | Type |
|---|---|
el |
HTMLElement |