
Security News
PEP 810 Proposes Explicit Lazy Imports for Python 3.15
An opt-in lazy import keyword aims to speed up Python startups, especially CLIs, without the ecosystem-wide risks that sank PEP 690.
@ndla/dropdown-menu
Advanced tools
Dropdown menu component based on @radix-ui/react-dropdown-menu
yarn add --save @ndla/dropdown-menu
npm install @ndla/dropdown-menu --save
Only DropdownContent is styled, and can be targeted as one usually does with emotion. The content arrow indicator can be styled by targeting [data-arrow]
.
import { DropdownMenu, DropdownTrigger, DropdownContent, DropdownItem } from "@ndla/dropdown-menu";
return (
<DropdownMenu>
<DropdownTrigger>
<IconButtonV2 aria-label="Show more" title="Show more" variant="ghost" colorTheme="light">
<MoreLine />
</IconButtonV2>
</DropdownTrigger>
<DropdownContent {...args}>
<DropdownItem>
<StyledButton variant="ghost" colorTheme="light" shape="sharp" size="small" fontWeight="normal">
<FolderFill />
Add item
</StyledButton>
</DropdownItem>
<DropdownItem>
<StyledButton variant="ghost" colorTheme="danger" shape="sharp" size="small" fontWeight="normal">
<DeleteBinLine />
Delete item
</StyledButton>
</DropdownItem>
</DropdownContent>
</DropdownMenu>
);
FAQs
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
An opt-in lazy import keyword aims to speed up Python startups, especially CLIs, without the ecosystem-wide risks that sank PEP 690.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.