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
987 B
TypeScript
23 lines
987 B
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const BrokenHeartIcon = ({
|
|
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>Broken Heart</title>
|
|
<path
|
|
d="M10.6056 3.56142C9.36475 2.98888 8.05693 2.86598 6.83124 3.13927C4.90318 3.56917 3.26845 4.96089 2.48959 6.90295C0.885443 10.9029 2.98361 16.5927 11.5115 21.3725C11.8153 21.5428 12.1857 21.5428 12.4894 21.3725C21.0173 16.5927 23.1154 10.9028 21.5112 6.90294C20.7324 4.96087 19.0977 3.56916 17.1696 3.13926C15.8029 2.83454 14.3342 3.02239 12.9699 3.77687C11.8874 4.94224 11.1058 6.64664 11.0099 8.59567L14.1441 11.7299L12.9487 15.3162C12.774 15.8401 12.2077 16.1233 11.6838 15.9486C11.1598 15.774 10.8767 15.2077 11.0513 14.6837L11.8559 12.2701L9 9.41418V8.99996C9 6.98104 9.60494 5.08074 10.6056 3.56142Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|