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.6 KiB
TypeScript
25 lines
1.6 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const ChainLink1Icon = ({
|
|
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>Chain Link 1</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M12.3787 3.20681C13.5503 2.03523 15.4497 2.03523 16.6213 3.2068L20.7929 7.37838C21.9645 8.54995 21.9645 10.4494 20.7929 11.621L18.7071 13.7068C18.3166 14.0973 17.6834 14.0973 17.2929 13.7068C16.9024 13.3163 16.9024 12.6831 17.2929 12.2926L19.3787 10.2068C19.7692 9.81628 19.7692 9.18312 19.3787 8.79259L15.2071 4.62102C14.8166 4.23049 14.1834 4.23049 13.7929 4.62102L11.7071 6.70681C11.3166 7.09733 10.6834 7.09733 10.2929 6.70681C9.90237 6.31628 9.90237 5.68312 10.2929 5.29259L12.3787 3.20681ZM15.7071 8.29259C16.0976 8.68312 16.0976 9.31628 15.7071 9.70681L9.70711 15.7068C9.31659 16.0973 8.68342 16.0973 8.2929 15.7068C7.90237 15.3163 7.90237 14.6831 8.2929 14.2926L14.2929 8.29259C14.6834 7.90207 15.3166 7.90207 15.7071 8.29259ZM6.70711 10.2926C7.09763 10.6831 7.09763 11.3163 6.70711 11.7068L4.62132 13.7926C4.2308 14.1831 4.2308 14.8163 4.62132 15.2068L3.91788 15.9102L4.62132 15.2068L8.7929 19.3784C9.18342 19.7689 9.81658 19.7689 10.2071 19.3784L12.2929 17.2926C12.6834 16.9021 13.3166 16.9021 13.7071 17.2926C14.0976 17.6831 14.0976 18.3163 13.7071 18.7068L11.6213 20.7926C10.4498 21.9642 8.55026 21.9642 7.37868 20.7926L3.20711 16.621C2.03554 15.4494 2.03554 13.55 3.20711 12.3784L5.2929 10.2926C5.68342 9.90207 6.31659 9.90207 6.70711 10.2926Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|