Deadlock UI
Open-source Web Components for Deadlock game items. Use anywhere: plain HTML, React, Vue, or any framework.
- React
- Vue
- Web components
import { DlProvider, DlItemCard } from '@deadlock-ui/react';
function App() {
return (
<DlProvider language="english">
<DlItemCard className="upgrade_clip_size" />
<DlItemCard className="upgrade_health_regen" />
<DlItemCard className="upgrade_spirit_strike" />
<DlItemCard className="upgrade_bullet_lifesteal" />
<DlItemCard className="upgrade_rapid_rounds" />
<DlItemCard className="upgrade_enduring_speed" />
</DlProvider>
);
}
<script setup>
import { DlProvider, DlItemCard } from '@deadlock-ui/vue';
</script>
<template>
<DlProvider language="english">
<DlItemCard class-name="upgrade_clip_size" />
<DlItemCard class-name="upgrade_health_regen" />
<DlItemCard class-name="upgrade_spirit_strike" />
<DlItemCard class-name="upgrade_bullet_lifesteal" />
<DlItemCard class-name="upgrade_rapid_rounds" />
<DlItemCard class-name="upgrade_enduring_speed" />
</DlProvider>
</template>
<script type="module"
src="https://unpkg.com/@deadlock-ui/core/dist/main/main.esm.js">
</script>
<dl-item-card class-name="upgrade_clip_size"></dl-item-card>
<dl-item-card class-name="upgrade_health_regen"></dl-item-card>
<dl-item-card class-name="upgrade_spirit_strike"></dl-item-card>
<dl-item-card class-name="upgrade_bullet_lifesteal"></dl-item-card>
<dl-item-card class-name="upgrade_rapid_rounds"></dl-item-card>
<dl-item-card class-name="upgrade_enduring_speed"></dl-item-card>