
A language selection dropdown with flag icons and language options for internationalization and localization features.
@shadcn-studio
import { LanguagesIcon } from 'lucide-react'
import { Button } from '@/registry/new-york/ui/button'
import LanguageDropdown from '@/registry/new-york/components/blocks/dropdown-language'
const DropdownPage = () => {
return (
<div className='flex h-70 items-start justify-center p-8'>
<LanguageDropdown
defaultOpen
align='center'
trigger={
<Button variant='outline' size='icon'>
<LanguagesIcon />
</Button>
}
/>
</div>
)
}
export default DropdownPage



























