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
831 B
TypeScript
23 lines
831 B
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const Paperclip1Icon = ({
|
|
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>Paperclip 1</title>
|
|
<path
|
|
d="M14 2C11.2386 2 9 4.23858 9 7V15C9 16.6569 10.3431 18 12 18C13.6569 18 15 16.6569 15 15V7C15 6.44772 14.5523 6 14 6C13.4477 6 13 6.44772 13 7V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15V7C11 5.34315 12.3431 4 14 4C15.6569 4 17 5.34315 17 7V15C17 17.7614 14.7614 20 12 20C9.23858 20 7 17.7614 7 15V11C7 10.4477 6.55228 10 6 10C5.44772 10 5 10.4477 5 11V15C5 18.866 8.13401 22 12 22C15.866 22 19 18.866 19 15V7C19 4.23858 16.7614 2 14 2Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|