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.9 KiB
TypeScript
25 lines
1.9 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const ArrowsAllSidesIcon = ({
|
|
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>Arrows All Sides</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M12.7071 4.37102C12.3166 3.98049 11.6834 3.98049 11.2929 4.37102L9.70711 5.9568C9.31659 6.34733 8.68342 6.34733 8.2929 5.9568C7.90237 5.56628 7.90237 4.93312 8.2929 4.54259L9.87868 2.95681C11.0503 1.78523 12.9497 1.78523 14.1213 2.9568L15.7071 4.54259C16.0976 4.93312 16.0976 5.56628 15.7071 5.9568C15.3166 6.34733 14.6834 6.34733 14.2929 5.9568L12.7071 4.37102ZM5.95711 8.29259C6.34763 8.68312 6.34763 9.31628 5.95711 9.7068L4.37132 11.2926C3.9808 11.6831 3.9808 12.3163 4.37132 12.7068L5.95711 14.2926C6.34763 14.6831 6.34763 15.3163 5.95711 15.7068C5.56659 16.0973 4.93342 16.0973 4.5429 15.7068L2.95711 14.121C1.78554 12.9494 1.78554 11.0499 2.95711 9.87838L4.5429 8.29259C4.93342 7.90207 5.56659 7.90207 5.95711 8.29259ZM18.0429 8.29259C18.4334 7.90207 19.0666 7.90207 19.4571 8.29259L21.0429 9.87838C22.2145 11.0499 22.2145 12.9494 21.0429 14.121L19.4571 15.7068C19.0666 16.0973 18.4334 16.0973 18.0429 15.7068C17.6524 15.3163 17.6524 14.6831 18.0429 14.2926L19.6287 12.7068C20.0192 12.3163 20.0192 11.6831 19.6287 11.2926L18.0429 9.7068C17.6524 9.31628 17.6524 8.68312 18.0429 8.29259ZM8.2929 18.0426C8.68342 17.6521 9.31659 17.6521 9.70711 18.0426L11.2929 19.6284C11.6834 20.0189 12.3166 20.0189 12.7071 19.6284L14.2929 18.0426C14.6834 17.6521 15.3166 17.6521 15.7071 18.0426C16.0976 18.4331 16.0976 19.0663 15.7071 19.4568L14.1213 21.0426C12.9498 22.2142 11.0503 22.2142 9.87868 21.0426L8.2929 19.4568C7.90237 19.0663 7.90237 18.4331 8.2929 18.0426Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|