gsadmin/headplane
1
0
Fork 0
mirror of https://github.com/tale/headplane.git synced 2026-09-04 11:15:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: redesign buttons and share them in dialogs

Browse Source
This commit is contained in:
Aarnav Tale
2025-01-19 17:31:46 +00:00
parent b9a708b2e9
commit af248df648
10 changed files with 104 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/IconButton.tsx
+5 -6
View File
@@ -1,17 +1,16 @@
import type { Dispatch, SetStateAction } from 'react';
import React, { useRef } from 'react';
import { Button as AriaButton } from 'react-aria-components';
import { useButton } from 'react-aria';
import { useButton, type AriaButtonOptions } from 'react-aria';
import { cn } from '~/utils/cn';
interface Props extends React.HTMLProps<HTMLButtonElement> {
variant?: 'heavy'
isDisabled?: boolean
export interface IconButtonProps extends AriaButtonOptions<'button'> {
variant?: 'heavy' | 'light'
className?: string
children: React.ReactNode
label: string
}
export default function IconButton({ variant = 'light', ...props }: Props) {
export default function IconButton({ variant = 'light', ...props }: IconButtonProps) {
const ref = useRef<HTMLButtonElement | null>(null);
const { buttonProps } = useButton(props, ref);