feat(core): replace all radio-button-group usage (#7352)

This commit is contained in:
Cats Juice
2024-06-27 17:54:30 +08:00
committed by GitHub
parent 3b3b7ec054
commit fa2305b0e2
11 changed files with 163 additions and 213 deletions

View File

@@ -6,6 +6,7 @@ import type {
DialogProps,
} from '@radix-ui/react-dialog';
import * as Dialog from '@radix-ui/react-dialog';
import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
import { assignInlineVars } from '@vanilla-extract/dynamic';
import clsx from 'clsx';
import type { CSSProperties } from 'react';
@@ -101,7 +102,13 @@ export const Modal = forwardRef<HTMLDivElement, ModalProps>(
<Dialog.Title className={styles.modalHeader}>
{title}
</Dialog.Title>
) : null}
) : (
// Refer: https://www.radix-ui.com/primitives/docs/components/dialog#title
// If you want to hide the title, wrap it inside our Visually Hidden utility like this <VisuallyHidden asChild>.
<VisuallyHidden.Root asChild>
<Dialog.Title></Dialog.Title>
</VisuallyHidden.Root>
)}
{description ? (
<Dialog.Description className={styles.modalDescription}>
{description}