starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-17 06:19:41 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

FormattedError

Browse Source
This commit is contained in:
Gregory Schier
2026-03-12 19:48:43 -07:00
parent 77ec87ea17
commit 3c4035097a
7 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/ui/src/components/FormattedError.tsx Normal file
View File

@@ -0,0 +1,23 @@
import classNames from 'classnames';
import type { ReactNode } from 'react';
interface Props {
children: ReactNode;
className?: string;
}
export function FormattedError({ children, className }: Props) {
return (
<pre
className={classNames(
className,
'cursor-text select-auto',
'[&_*]:cursor-text [&_*]:select-auto',
'font-mono text-sm w-full bg-surface-highlight p-3 rounded',
'whitespace-pre-wrap border border-danger border-dashed overflow-x-auto',
)}
>
{children}
</pre>
);
}

1
packages/ui/src/index.ts
View File

@@ -9,6 +9,7 @@ export type { IconProps } from './components/Icon';
export { Icon } from './components/Icon';
export type { IconButtonProps } from './components/IconButton';
export { IconButton } from './components/IconButton';
export { FormattedError } from './components/FormattedError';
export { InlineCode } from './components/InlineCode';
export { LoadingIcon } from './components/LoadingIcon';
export { Overlay } from './components/Overlay';