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.2 KiB
TypeScript
25 lines
1.2 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const Anchor1Icon = ({
|
|
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>Anchor 1</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M12 2C10.067 2 8.5 3.567 8.5 5.5C8.5 7.08551 9.55426 8.42479 11 8.85506V20H7.23018C6.79045 20 6.40232 19.7128 6.27383 19.2922L4.3512 13H6.00001C6.55229 13 7.00001 12.5523 7.00001 12C7.00001 11.4477 6.55229 11 6.00001 11H3.00001C2.68301 11 2.38478 11.1503 2.1962 11.4051C2.00762 11.6599 1.95102 11.9891 2.04366 12.2922L4.36112 19.8767C4.74661 21.1383 5.911 22 7.23018 22H16.7698C18.089 22 19.2534 21.1383 19.6389 19.8767L21.9564 12.2922C22.049 11.9891 21.9924 11.6599 21.8038 11.4051C21.6152 11.1503 21.317 11 21 11H18C17.4477 11 17 11.4477 17 12C17 12.5523 17.4477 13 18 13H19.6488L17.7262 19.2922C17.5977 19.7128 17.2096 20 16.7698 20H13V8.85506C14.4457 8.42478 15.5 7.08551 15.5 5.5C15.5 3.567 13.933 2 12 2ZM10.5 5.5C10.5 4.67157 11.1716 4 12 4C12.8284 4 13.5 4.67157 13.5 5.5C13.5 6.32843 12.8284 7 12 7C11.1716 7 10.5 6.32843 10.5 5.5Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|