feat: improve requester combobox and admin cleanup flows
This commit is contained in:
parent
788f6928a1
commit
37c32149a6
13 changed files with 923 additions and 180 deletions
24
components/shadcn-studio/input/input-end-text-addon.tsx
Normal file
24
components/shadcn-studio/input/input-end-text-addon.tsx
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
'use client'
|
||||
|
||||
import { useId } from 'react'
|
||||
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Label } from '@/components/ui/label'
|
||||
|
||||
const InputEndTextAddOnDemo = () => {
|
||||
const id = useId()
|
||||
|
||||
return (
|
||||
<div className='w-full max-w-xs space-y-2'>
|
||||
<Label htmlFor={id}>Input with end text add-on</Label>
|
||||
<div className='relative'>
|
||||
<Input id={id} type='text' placeholder='shadcnstudio' className='peer pr-13' />
|
||||
<span className='pointer-events-none absolute inset-y-0 right-0 flex items-center justify-center pr-3 text-sm peer-disabled:opacity-50'>
|
||||
.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default InputEndTextAddOnDemo
|
||||
Loading…
Add table
Add a link
Reference in a new issue