/
Alex_Ural
/
opencode
Обзор
Документация
Войти
/
Alex_Ural
/
opencode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/ui/src/components/icon-button.tsx
29 строк
979 B
Kit Langton
feat: add oxlint with correctness defaults (#22682)
16 апр 2026, 03:45
Не верифицирован
16 апр 2026, 03:45
3d6f90c
Код
Авторство
О чём код?
import { Button as Kobalte } from "@kobalte/core/button" import { type ComponentProps, splitProps } from "solid-js" import { Icon, IconProps } from "./icon" export interface IconButtonProps extends ComponentProps<typeof Kobalte> { icon: IconProps["name"] size?: "small" | "normal" | "large" iconSize?: IconProps["size"] variant?: "primary" | "secondary" | "ghost" } export function IconButton(props: ComponentProps<"button"> & IconButtonProps) { const [split, rest] = splitProps(props, ["variant", "size", "iconSize", "class", "classList"]) return ( <Kobalte {...rest} data-component="icon-button" data-icon={props.icon} data-size={split.size || "normal"} data-variant={split.variant || "secondary"} classList={{ ...split.classList, [split.class ?? ""]: !!split.class, }} > <Icon name={props.icon} size={split.iconSize ?? (split.size === "large" ? "normal" : "small")} /> </Kobalte> ) }