mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-28 15:14:12 +00:00
28 lines
834 B
TypeScript
28 lines
834 B
TypeScript
"use client"
|
|
|
|
import {
|
|
InputGroup,
|
|
InputGroupAddon,
|
|
InputGroupButton,
|
|
} from "@/examples/base/ui/input-group"
|
|
import TextareaAutosize from "react-textarea-autosize"
|
|
|
|
export default function InputGroupCustom() {
|
|
return (
|
|
<div className="grid w-full max-w-sm gap-6">
|
|
<InputGroup>
|
|
<TextareaAutosize
|
|
data-slot="input-group-control"
|
|
className="flex field-sizing-content min-h-16 w-full resize-none rounded-md bg-transparent px-3 py-2.5 text-base transition-[color,box-shadow] outline-none md:text-sm"
|
|
placeholder="Autoresize textarea..."
|
|
/>
|
|
<InputGroupAddon align="block-end">
|
|
<InputGroupButton className="ml-auto" size="sm" variant="default">
|
|
Submit
|
|
</InputGroupButton>
|
|
</InputGroupAddon>
|
|
</InputGroup>
|
|
</div>
|
|
)
|
|
}
|