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.
23 lines
1.2 KiB
TypeScript
23 lines
1.2 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const TrashPaperIcon = ({
|
|
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 Paper</title>
|
|
<path
|
|
d="M17.5873 3.32736L16.3051 2.48918C15.3074 1.83694 14.0207 1.83694 13.023 2.48918L11.1182 3.73434L6.38701 4.44808C4.76255 4.69315 3.64196 6.19722 3.84908 7.82199L4.03832 9.30646L3.68945 9.4775C2.65322 9.98555 2 11.0417 2 12.1946V13.0178C2 13.9962 2.49169 14.911 3.31134 15.4468C3.52913 15.5892 3.67605 15.8225 3.70971 16.0866L4.0029 18.3866C4.12116 19.3142 4.6606 20.1369 5.46708 20.6114L6.27536 21.087C7.19493 21.628 8.3308 21.64 9.26158 21.1185L11.239 20.0105L11.9592 20.8932C12.7438 21.8549 14.0366 22.2375 15.2173 21.8516L16.7162 21.3617C17.0919 21.2389 17.4395 21.0431 17.7394 20.7857L20.3946 18.5075C21.5042 17.5556 21.7728 15.943 21.0373 14.6808L20.1068 13.0842L21.3764 11.4243C22.5339 9.91091 22.0244 7.70549 20.3101 6.86498L19.279 6.35947C19.0162 6.23063 18.8451 5.9593 18.8451 5.65719C18.8451 4.71888 18.3736 3.84137 17.5873 3.32736Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|