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
1.3 KiB
TypeScript
23 lines
1.3 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const SquarePlaceholderIcon = ({
|
|
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>Square Placeholder</title>
|
|
<path
|
|
d="M16.8385 3H7.16146C6.63433 2.99998 6.17954 2.99997 5.80497 3.03057C5.40963 3.06287 5.01641 3.13419 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3.13419 5.01641 3.06287 5.40963 3.03057 5.80497C2.99997 6.17954 2.99998 6.63429 3 7.16142V16.8385C2.99998 17.3657 2.99997 17.8205 3.03057 18.195C3.06287 18.5904 3.13419 18.9836 3.32698 19.362C3.6146 19.9265 4.07355 20.3854 4.63803 20.673C5.01641 20.8658 5.40963 20.9371 5.80497 20.9694C6.17954 21 6.6343 21 7.16144 21H16.8386C17.3657 21 17.8205 21 18.195 20.9694C18.5904 20.9371 18.9836 20.8658 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C20.8658 18.9836 20.9371 18.5904 20.9694 18.195C21 17.8205 21 17.3657 21 16.8386V7.16144C21 6.6343 21 6.17954 20.9694 5.80497C20.9371 5.40963 20.8658 5.01641 20.673 4.63803C20.3854 4.07355 19.9265 3.6146 19.362 3.32698C18.9836 3.13419 18.5904 3.06287 18.195 3.03057C17.8205 2.99997 17.3657 2.99998 16.8385 3Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|