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.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const ArrowBoxLeftIcon = ({
|
|
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 Box Left</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M6 5C5.44772 5 5 5.44772 5 6L5 18C5 18.5523 5.44772 19 6 19H11.25C11.8023 19 12.25 19.4477 12.25 20C12.25 20.5523 11.8023 21 11.25 21H6C4.34315 21 3 19.6569 3 18L3 6C3 4.34315 4.34315 3 6 3L11.25 3C11.8023 3 12.25 3.44772 12.25 4C12.25 4.55228 11.8023 5 11.25 5L6 5ZM14.7929 6.79289C15.1834 6.40237 15.8166 6.40237 16.2071 6.79289L20.7071 11.2929C21.0976 11.6834 21.0976 12.3166 20.7071 12.7071L16.2071 17.2071C15.8166 17.5976 15.1834 17.5976 14.7929 17.2071C14.4024 16.8166 14.4024 16.1834 14.7929 15.7929L17.5858 13H8.75C8.19772 13 7.75 12.5523 7.75 12C7.75 11.4477 8.19772 11 8.75 11L17.5858 11L14.7929 8.20711C14.4024 7.81658 14.4024 7.18342 14.7929 6.79289Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|