mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-06-05 07:09:02 +02:00
Antoine Clausse
0e4682ef89
* Create DS version for Bootstrap Input form elements * Move DS Button Storybook to DS component folder * Use phosphor icons * Add ds-focus-outline mixin * Use math.div GitOrigin-RevId: e50934212ec5949f0f7abc7880eb73933fce2a9b
23 lines
524 B
TypeScript
23 lines
524 B
TypeScript
import { forwardRef } from 'react'
|
|
import { Form, FormControlProps } from 'react-bootstrap'
|
|
import classnames from 'classnames'
|
|
|
|
interface ButtonProps extends FormControlProps {
|
|
size?: 'lg'
|
|
}
|
|
|
|
const DSFormControl = forwardRef<HTMLInputElement, ButtonProps>(
|
|
({ className, ...props }, ref) => {
|
|
return (
|
|
<Form.Control
|
|
ref={ref}
|
|
{...props}
|
|
className={classnames('form-control-ds', className)}
|
|
/>
|
|
)
|
|
}
|
|
)
|
|
DSFormControl.displayName = 'DSFormControl'
|
|
|
|
export default DSFormControl
|