Navigation and layout

Vertical chevron

ChevronVerticalStateIcon

Switches between upward and downward directions.

States

2 total

Point up

The chevron points upward.

Point up

"up"

The chevron points upward.

Point down

"down"

The chevron points downward.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: up · down

example.tsx

import { ChevronVerticalStateIcon } from "@stateglyph/react";
<ChevronVerticalStateIcon state="down" decorative />