mirror of
https://github.com/raphaelsalaja/userinterface-wiki.git
synced 2026-09-14 20:06:29 +08:00
Raphael S.
ae3b426950
- Introduced a new documentation page covering various pseudo-elements, including `::backdrop`, `::view-transition`, and `::scroll-marker`. - Added examples and practical patterns for using these pseudo-elements effectively. - Created a new CSS module for styling demo components related to pseudo-elements. Also added TypeScript interface for icon properties to improve type safety in icon components.
25 lines
1.4 KiB
TypeScript
25 lines
1.4 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const TrashPermanentlyIcon = ({
|
|
size = 24,
|
|
color = "currentColor",
|
|
...props
|
|
}: IconProps) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
width={size}
|
|
height={size}
|
|
{...props}
|
|
>
|
|
<title>Trash Permanently</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M12 1.5C14.2394 1.5 16.1331 2.9715 16.7705 5H20.5C21.0523 5 21.5 5.44772 21.5 6C21.5 6.55228 21.0523 7 20.5 7H19.9678L19.126 19.2061C19.0175 20.7791 17.7096 22 16.1328 22H7.86719C6.29044 22 4.98251 20.7791 4.87402 19.2061L4.03223 7H3.5C2.94772 7 2.5 6.55228 2.5 6C2.5 5.44772 2.94772 5 3.5 5H7.22949C7.86688 2.9715 9.76056 1.5 12 1.5ZM10.6309 10.2246C10.2381 9.90426 9.65908 9.92685 9.29297 10.293C8.92685 10.6591 8.90426 11.2381 9.22461 11.6309L9.29297 11.707L10.5859 13L9.29297 14.293C8.90244 14.6835 8.90244 15.3165 9.29297 15.707C9.68349 16.0976 10.3165 16.0976 10.707 15.707L12 14.4141L13.293 15.707L13.3691 15.7754C13.7619 16.0957 14.3409 16.0731 14.707 15.707C15.0731 15.3409 15.0957 14.7619 14.7754 14.3691L14.707 14.293L13.4141 13L14.707 11.707L14.7754 11.6309C15.0957 11.2381 15.0731 10.6591 14.707 10.293C14.3409 9.92685 13.7619 9.90426 13.3691 10.2246L13.293 10.293L12 11.5859L10.707 10.293L10.6309 10.2246ZM12 3.5C10.8902 3.5 9.92023 4.10337 9.40137 5H14.5986C14.0798 4.10337 13.1098 3.5 12 3.5Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|