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 ArrowLeftXIcon = ({
|
|
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>Arrow Left X</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M8.97206 4C8.05148 4 7.18186 4.42266 6.6131 5.14654L2.68453 10.1465C1.82981 11.2344 1.82981 12.7656 2.68453 13.8535L6.6131 18.8535C7.18186 19.5773 8.05148 20 8.97206 20H19C20.6568 20 22 18.6569 22 17V7C22 5.34315 20.6568 4 19 4H8.97206ZM10.5412 9.29289C10.9318 8.90237 11.5649 8.90237 11.9554 9.29289L13.25 10.5875L14.5446 9.29289C14.9351 8.90237 15.5682 8.90237 15.9588 9.29289C16.3493 9.68342 16.3493 10.3166 15.9588 10.7071L14.6642 12.0017L15.9571 13.2946C16.3476 13.6851 16.3476 14.3182 15.9571 14.7088C15.5666 15.0993 14.9334 15.0993 14.5429 14.7088L13.25 13.4159L11.9571 14.7088C11.5666 15.0993 10.9334 15.0993 10.5429 14.7088C10.1524 14.3182 10.1524 13.6851 10.5429 13.2946L11.8358 12.0017L10.5412 10.7071C10.1507 10.3166 10.1507 9.68342 10.5412 9.29289Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|