Documentation
StatusEffects
Vertical status-effect list with 18×18 slots and 16×16 icons.
import { StatusEffects } from "./index";
/**
* StatusEffects 预览用例(规格 §6.1)
*/
export function StatusEffectsDemo() {
return (
<StatusEffects
effects={[
{ amplifier: "II", duration: "0:30", name: "速度" },
{ duration: "1:00", name: "跳跃提升" },
{ duration: "0:10", name: "反胃" },
]}
/>
);
}
Install
CLI copy
$npx shadcn add @tennantite/status-effectsnpm install
$pnpm add @tennantite/uinpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ui/src/screens/hud/status-effects/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.