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 HeartBeatIcon = ({
|
|
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>Heart Beat</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M21.5103 6.90294C23.1144 10.9028 21.0163 16.5927 12.4884 21.3725C12.1847 21.5428 11.8143 21.5428 11.5106 21.3725C2.98263 16.5927 0.884466 10.9029 2.48861 6.90295C3.26747 4.96089 4.9022 3.56917 6.83026 3.13927C8.52778 2.76077 10.3828 3.14222 11.9994 4.42553C13.6161 3.14222 15.4711 2.76077 17.1686 3.13926C19.0967 3.56916 20.7314 4.96087 21.5103 6.90294ZM11.348 9.47C11.1653 9.17762 10.8448 9 10.5 9C10.1552 9 9.83474 9.17762 9.652 9.47L8.69575 11H8C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13H9.25C9.59479 13 9.91526 12.8224 10.098 12.53L10.5 11.8868L12.152 14.53C12.3268 14.8096 12.6281 14.9851 12.9576 14.9991C13.287 15.0131 13.6022 14.8638 13.8 14.6L15 13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H14.5C14.1852 11 13.8889 11.1482 13.7 11.4L13.075 12.2333L11.348 9.47Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|