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.3 KiB
TypeScript
25 lines
1.3 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const Bell2SnoozeIcon = ({
|
|
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>Bell 2 Snooze</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M4.70162 8.94258C4.89608 5.05346 8.10602 2 12 2C15.894 2 19.1039 5.05346 19.2984 8.94258L19.4778 12.5309C19.4847 12.6691 19.5202 12.8044 19.5821 12.9282L20.809 15.382C20.9346 15.6332 21 15.9101 21 16.191C21 17.1901 20.1901 18 19.191 18H16.9C16.4367 20.2822 14.419 22 12 22C9.58104 22 7.56329 20.2822 7.10002 18H4.80902C3.80992 18 3 17.1901 3 16.191C3 15.9101 3.06539 15.6332 3.19098 15.382L4.41788 12.9282C4.47977 12.8044 4.5153 12.6691 4.52221 12.5309L4.70162 8.94258ZM9.17071 18C9.58254 19.1652 10.6938 20 12 20C13.3062 20 14.4175 19.1652 14.8293 18H9.17071ZM10.5 7.5C9.94772 7.5 9.5 7.94772 9.5 8.5C9.5 9.05228 9.94772 9.5 10.5 9.5H11.5L9.7 11.9C9.47274 12.203 9.43618 12.6084 9.60557 12.9472C9.77496 13.286 10.1212 13.5 10.5 13.5H13.5C14.0523 13.5 14.5 13.0523 14.5 12.5C14.5 11.9477 14.0523 11.5 13.5 11.5H12.5L14.3 9.1C14.5273 8.79698 14.5638 8.39157 14.3944 8.05279C14.225 7.714 13.8788 7.5 13.5 7.5H10.5Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|