Denozordec
452f6b2db0
Updated various components to replace traditional select implementations with the new SelectField component. This change enhances the user interface by providing a more consistent layout and improved accessibility. Additionally, refactored the dashboard and operations pages to utilize DataGridCard for better organization of content, streamlining the overall user experience.
20 lines
459 B
TypeScript
20 lines
459 B
TypeScript
import { Field } from '@evobgp/ui/components/field'
|
|
|
|
import { SelectMenu } from '@/components/select-field'
|
|
|
|
const items = [
|
|
{ label: 'Select an item', value: 'placeholder' as const },
|
|
...Array.from({ length: 100 }).map((_, i) => ({
|
|
label: `Item ${i}`,
|
|
value: `item-${i}` as const,
|
|
})),
|
|
]
|
|
|
|
export function Pattern() {
|
|
return (
|
|
<Field className="max-w-xs">
|
|
<SelectMenu items={items} placeholder="Select an item" />
|
|
</Field>
|
|
)
|
|
}
|