OrderToken
A token variant with a layers-2 icon for documenting z-index and stacking context values.
Overview
OrderToken is a specialized variant of the Token component that adds a visual icon to help distinguish stacking context values while using the same tooltip to expose the exact z-index.
Installation
npx shadcn add @tokenui/order-token
Usage
Use OrderToken for z-index or layering values:
Want your own variant?
Check the source for this component and the bundled BaseIconToken to mirror the Token → TokenName → TokenIndicator pattern when you create your own icon-based token components.
API Reference
OrderToken
Prop
Type