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.
27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const CirclePlaceholderOffIcon = ({
|
|
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>Circle Placeholder Off</title>
|
|
<path
|
|
d="M20.8681 16.6259C21.5911 15.2425 22 13.669 22 12C22 6.47715 17.5229 2 12 2C10.331 2 8.75746 2.40888 7.37415 3.13195L20.8681 16.6259Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M4.25696 5.67117L3.04289 4.45711C2.65237 4.06658 2.65237 3.43342 3.04289 3.04289C3.43342 2.65237 4.06658 2.65237 4.45711 3.04289L6.32837 4.91416C6.33333 4.91892 6.33826 4.92375 6.34315 4.92864L19.0711 17.6566C19.076 17.6615 19.0808 17.6664 19.0856 17.6714L20.9571 19.5429C21.3476 19.9334 21.3476 20.5666 20.9571 20.9571C20.5666 21.3476 19.9334 21.3476 19.5429 20.9571L18.3285 19.7427C16.6052 21.1527 14.4008 21.9997 12 21.9997C6.47715 21.9997 2 17.5226 2 11.9997C2 9.59891 2.84703 7.39451 4.25696 5.67117Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|