mirror of
https://github.com/coder/coder.git
synced 2025-07-10 23:53:15 +00:00
feat: add audit page title, subtitle, and CLI snippet (#3419)
* resolves #3356 * scaffolded out new audit page header resolves #3357 * added tests and stories * run prettier
This commit is contained in:
@ -8,18 +8,28 @@ export interface CodeExampleProps {
|
||||
code: string
|
||||
className?: string
|
||||
buttonClassName?: string
|
||||
tooltipTitle?: string
|
||||
}
|
||||
|
||||
/**
|
||||
* Component to show single-line code examples, with a copy button
|
||||
*/
|
||||
export const CodeExample: FC<CodeExampleProps> = ({ code, className, buttonClassName }) => {
|
||||
export const CodeExample: FC<CodeExampleProps> = ({
|
||||
code,
|
||||
className,
|
||||
buttonClassName,
|
||||
tooltipTitle,
|
||||
}) => {
|
||||
const styles = useStyles()
|
||||
|
||||
return (
|
||||
<div className={combineClasses([styles.root, className])}>
|
||||
<code className={styles.code}>{code}</code>
|
||||
<CopyButton text={code} buttonClassName={combineClasses([styles.button, buttonClassName])} />
|
||||
<CopyButton
|
||||
text={code}
|
||||
tooltipTitle={tooltipTitle}
|
||||
buttonClassName={combineClasses([styles.button, buttonClassName])}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
Reference in New Issue
Block a user