/
DaniilSk
/
DesignLab
Обзор
Документация
Войти
/
DaniilSk
/
DesignLab
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/src/shared/ui/IconButton.vue
35 строк
651 B
Даниил
chore(repo): initialize Design Lab project
13 июл 2026, 01:14
13 июл 2026, 01:14
8b87f71
Код
Авторство
О чём код?
<template> <button class="icon-button" :aria-label="label" type="button"> <img :src="icon" alt="" width="32" height="32" /> </button> </template> <script setup lang="ts"> defineProps<{ icon: string label: string }>() </script> <style scoped> .icon-button { display: grid; width: 64px; height: 64px; place-items: center; border-radius: var(--radius-pill); background: var(--color-background-button); transition: transform 160ms ease, opacity 160ms ease; } .icon-button:active { transform: scale(0.96); } .icon-button:focus-visible { outline: 3px solid rgba(19, 19, 19, 0.18); outline-offset: 3px; } </style>