WARNING: This component is in
Draft
status. This means that it is still in development and may have bugs or missing features. It is not intended to be used in production. You may use it for testing purposes.Dropdown
A vertically stacked set of interactive headings that each reveal a section of content.
Merge Branch ⌘+M
Rebase Branch ⌘+R
Stash Changes ⌘+S
Checkout Branch ⌘+B
Pull Changes ⌘+P
Create Tag ⌘+T
import { component$ } from '@builder.io/qwik';
import { Dropdown } from '@qwik-ui/styled';
export default component$(() => {
const actions = [
{ label: 'Merge Branch ⌘+M', disabled: false },
{ label: 'Rebase Branch ⌘+R', disabled: true },
{ label: 'Stash Changes ⌘+S', disabled: false },
{ label: 'Checkout Branch ⌘+B', disabled: false },
{ label: 'Pull Changes ⌘+P', disabled: false },
{ label: 'Create Tag ⌘+T', disabled: false },
];
return (
<Dropdown.Root>
<Dropdown.Trigger>Git Settings</Dropdown.Trigger>
<Dropdown.Popover gutter={8}>
{actions.map((action) => (
<Dropdown.Item key={action.label} disabled={action.disabled}>
{action.label}
</Dropdown.Item>
))}
</Dropdown.Popover>
</Dropdown.Root>
);
});