Files
medusa-store/packages/design-system/ui/src/components/code/code.tsx
Shahed Nasser 245e5c9a69 docs: generate documentation for UI components (#5849)
* added tool to generate spec files for React components

* use typedoc for missing descriptions and types

* improvements and fixes

* improvements

* added doc comments for half of the components

* add custom resolver + more doc comments

* added all tsdocs

* general improvements

* add specs to UI docs

* added github action

* remove unnecessary api route

* Added readme for react-docs-generator

* remove comment

* Update packages/design-system/ui/src/components/currency-input/currency-input.tsx

Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>

* remove description of aria fields + add generate script

---------

Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>
2023-12-13 16:02:41 +02:00

26 lines
592 B
TypeScript

import { clx } from "@/utils/clx"
import * as React from "react"
/**
* This component is based on the `code` element and supports all of its props
*/
const Code = React.forwardRef<
HTMLElement,
React.ComponentPropsWithoutRef<"code">
>(({ className, ...props }, ref) => {
return (
<code
ref={ref}
className={clx(
"border-ui-tag-neutral-border bg-ui-tag-neutral-bg text-ui-tag-neutral-text txt-compact-small inline-flex rounded-md border px-[6px] font-mono",
className
)}
{...props}
/>
)
})
Code.displayName = "Code"
export { Code }