diff options
| author | Oliver <oliver@mohlin.dev> | 2025-08-28 06:51:22 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-09-22 12:35:43 +0200 |
| commit | e024881b6fd345aaae8a7773f1e2f4e1a5fe1654 (patch) | |
| tree | 849470f88e3b85f329c1abfcd83a0189c6a4d20b /desktop | |
| parent | 6dde8e5ec2e3d69e732bae2668403db55352e655 (diff) | |
| download | mullvadvpn-e024881b6fd345aaae8a7773f1e2f4e1a5fe1654.tar.xz mullvadvpn-e024881b6fd345aaae8a7773f1e2f4e1a5fe1654.zip | |
Add DefaultListboxOption component
Diffstat (limited to 'desktop')
2 files changed, 22 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx new file mode 100644 index 0000000000..d5ca9d946d --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx @@ -0,0 +1,21 @@ +import { ListboxOptionProps } from '../../lib/components/listbox/components'; +import { Listbox } from '../../lib/components/listbox/Listbox'; + +export type DefaultListboxOptionProps<T> = ListboxOptionProps<T>; + +export function DefaultListboxOption<T>({ children, ...props }: DefaultListboxOptionProps<T>) { + return ( + <Listbox.Option level={1} {...props}> + <Listbox.Option.Trigger> + <Listbox.Option.Item> + <Listbox.Option.Content> + <Listbox.Option.Group> + <Listbox.Option.Icon icon="checkmark" /> + <Listbox.Option.Label>{children}</Listbox.Option.Label> + </Listbox.Option.Group> + </Listbox.Option.Content> + </Listbox.Option.Item> + </Listbox.Option.Trigger> + </Listbox.Option> + ); +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts new file mode 100644 index 0000000000..1aafd5ae27 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts @@ -0,0 +1 @@ +export * from './DefaultListboxOption'; |