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.6 KiB
TypeScript
25 lines
1.6 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const UntrashIcon = ({
|
|
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>Untrash</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M7.7386 3.10969C8.71849 1.22271 10.8389 0.101853 13.0443 0.49055C15.2495 0.87941 16.8584 2.65779 17.1341 4.76594L20.8079 5.41438L20.9075 5.43684C21.3951 5.57493 21.7084 6.06277 21.6185 6.57258C21.5285 7.08226 21.0671 7.43378 20.5618 7.3968L20.4603 7.38313L19.9476 7.29231L19.1263 19.2064C19.0176 20.7791 17.7097 22.0002 16.1331 22.0003H7.86653C6.29002 22.0002 4.98205 20.7791 4.87337 19.2064L4.10579 8.06868C4.0662 7.49104 4.52388 7.00061 5.10286 7.00032H18.2884L3.71809 4.43196C3.17442 4.33587 2.81167 3.81654 2.90755 3.27278C3.00359 2.72907 3.52198 2.36638 4.06575 2.46223L7.7386 3.10969ZM12.7064 10.2933C12.3402 9.92737 11.7612 9.90464 11.3685 10.2249L11.2923 10.2933L8.79231 12.7933C8.40237 13.1838 8.40217 13.817 8.79231 14.2073C9.18268 14.5976 9.81586 14.5973 10.2064 14.2073L10.9993 13.4144V17.0003C10.9996 17.5522 11.4475 18 11.9993 18.0003C12.5515 18.0003 12.9991 17.5524 12.9993 17.0003V13.4144L13.7923 14.2073L13.8685 14.2757C14.2611 14.5958 14.8403 14.5729 15.2064 14.2073C15.5724 13.8413 15.5949 13.2622 15.2747 12.8695L15.2064 12.7933L12.7064 10.2933ZM12.6966 2.46028C11.604 2.26787 10.5448 2.69409 9.87825 3.48664L14.9954 4.38899C14.64 3.41602 13.7895 2.65298 12.6966 2.46028Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|