working
This commit is contained in:
parent
f7f3aa7668
commit
6221099af8
9 changed files with 94 additions and 11 deletions
|
|
@ -8,3 +8,27 @@ export function ActionButton({ children, label, labelIsHidden, className, ...but
|
|||
</button>
|
||||
);
|
||||
}
|
||||
export function ActionInput({ label, className, ...inputProps }) {
|
||||
return (
|
||||
<label className={cx("hover:opacity-50 cursor-pointer text-nowrap w-fit", className)}>
|
||||
<input
|
||||
style={{ display: 'none' }}
|
||||
{...inputProps}
|
||||
/>
|
||||
{label}
|
||||
</label>
|
||||
);
|
||||
}
|
||||
|
||||
export function SpecialActionButton(props) {
|
||||
const { className, ...buttonProps } = props
|
||||
|
||||
return <ActionButton {...buttonProps} className={cx("bg-background p-2 max-w-[300px] rounded-md hover:opacity-50", className)} />
|
||||
|
||||
}
|
||||
export function SpecialActionInput(props) {
|
||||
const { className, ...inputProps } = props
|
||||
return <ActionInput {...inputProps} className={cx("bg-background p-2 max-w-[300px] rounded-md hover:opacity-50", className)} />
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue