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
3.6 KiB
TypeScript
25 lines
3.6 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const BrokenChainLink1Icon = ({
|
|
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>Broken Chain Link 1</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M9 1C9.55228 1 10 1.44772 10 2V3C10 3.55228 9.55228 4 9 4C8.44772 4 8 3.55228 8 3V2C8 1.44772 8.44772 1 9 1ZM12.9325 2.77051C13.8944 2.18107 15.1056 2.18107 16.0675 2.77051C16.3734 2.95799 16.6517 3.23677 16.9745 3.56016C16.9979 3.58367 17.0216 3.60741 17.0456 3.63137L20.3686 6.95442C20.3926 6.97838 20.4163 7.00208 20.4398 7.02554C20.7632 7.34832 21.042 7.62656 21.2295 7.9325C21.8189 8.89438 21.8189 10.1056 21.2295 11.0675L20.3769 10.545L21.2295 11.0675C21.042 11.3734 20.7632 11.6517 20.4398 11.9745C20.4163 11.9979 20.3926 12.0216 20.3686 12.0456L18.7071 13.7071C18.3166 14.0976 17.6834 14.0976 17.2929 13.7071C16.9024 13.3166 16.9024 12.6834 17.2929 12.2929L18.9544 10.6314C19.3897 10.1961 19.478 10.098 19.5242 10.0225C19.7207 9.70187 19.7207 9.29813 19.5242 8.9775C19.478 8.90202 19.3897 8.8039 18.9544 8.36863L15.6314 5.04558L16.3385 4.33848L15.6314 5.04558C15.1961 4.61031 15.098 4.52204 15.0225 4.47579C14.7019 4.27931 14.2981 4.27931 13.9775 4.47579C13.902 4.52204 13.8039 4.61031 13.3686 5.04558L12.6615 4.33848L13.3686 5.04558L11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711C9.90237 6.31658 9.90237 5.68342 10.2929 5.29289L11.9544 3.63137C11.9784 3.60741 12.0021 3.58366 12.0255 3.56015C12.3483 3.23677 12.6266 2.95799 12.9325 2.77051ZM2.79289 2.79289C3.18342 2.40237 3.81658 2.40237 4.20711 2.79289L5.20711 3.79289C5.59763 4.18342 5.59763 4.81658 5.20711 5.20711C4.81658 5.59763 4.18342 5.59763 3.79289 5.20711L2.79289 4.20711C2.40237 3.81658 2.40237 3.18342 2.79289 2.79289ZM1 9C1 8.44772 1.44772 8 2 8H3C3.55228 8 4 8.44772 4 9C4 9.55228 3.55228 10 3 10H2C1.44772 10 1 9.55228 1 9ZM6.70711 10.2929C7.09763 10.6834 7.09763 11.3166 6.70711 11.7071L5.04558 13.3686C4.61031 13.8039 4.52204 13.902 4.47579 13.9775C4.27931 14.2981 4.27931 14.7019 4.47579 15.0225C4.52204 15.098 4.61031 15.1961 5.04558 15.6314L4.33848 16.3385L5.04558 15.6314L8.36863 18.9544L7.66152 19.6615L8.36863 18.9544C8.80389 19.3897 8.90203 19.478 8.9775 19.5242C9.29813 19.7207 9.70187 19.7207 10.0225 19.5242C10.098 19.478 10.1961 19.3897 10.6314 18.9544L12.2929 17.2929C12.6834 16.9024 13.3166 16.9024 13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071L12.0456 20.3686C12.0216 20.3926 11.9979 20.4163 11.9745 20.4398C11.6517 20.7632 11.3734 21.042 11.0675 21.2295L10.545 20.3769L11.0675 21.2295C10.1056 21.8189 8.89438 21.8189 7.9325 21.2295C7.62655 21.042 7.34829 20.7632 7.02551 20.4398C7.00205 20.4163 6.97837 20.3926 6.95442 20.3686L3.63137 17.0456C3.60741 17.0216 3.58366 16.9979 3.56015 16.9745C3.23677 16.6517 2.95799 16.3734 2.77051 16.0675C2.18107 15.1056 2.18107 13.8944 2.77051 12.9325C2.95799 12.6266 3.23677 12.3483 3.56016 12.0255C3.58366 12.0021 3.60741 11.9784 3.63137 11.9544L5.29289 10.2929C5.68342 9.90237 6.31658 9.90237 6.70711 10.2929ZM20 15C20 14.4477 20.4477 14 21 14H22C22.5523 14 23 14.4477 23 15C23 15.5523 22.5523 16 22 16H21C20.4477 16 20 15.5523 20 15ZM18.7929 18.7929C19.1834 18.4024 19.8166 18.4024 20.2071 18.7929L21.2071 19.7929C21.5976 20.1834 21.5976 20.8166 21.2071 21.2071C20.8166 21.5976 20.1834 21.5976 19.7929 21.2071L18.7929 20.2071C18.4024 19.8166 18.4024 19.1834 18.7929 18.7929ZM15 20C15.5523 20 16 20.4477 16 21V22C16 22.5523 15.5523 23 15 23C14.4477 23 14 22.5523 14 22V21C14 20.4477 14.4477 20 15 20Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|