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.
55 lines
2.2 KiB
TypeScript
55 lines
2.2 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const MathBasicIcon = ({
|
|
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>Math Basic</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M7 3C7.55228 3 8 3.44772 8 4V6H10C10.5523 6 11 6.44772 11 7C11 7.55228 10.5523 8 10 8H8V10C8 10.5523 7.55228 11 7 11C6.44772 11 6 10.5523 6 10V8H4C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H6V4C6 3.44772 6.44772 3 7 3Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M3.79289 13.7929C4.18341 13.4024 4.81657 13.4024 5.2071 13.7929L7.00001 15.5858L8.79289 13.7929C9.18342 13.4024 9.81658 13.4024 10.2071 13.7929C10.5976 14.1834 10.5976 14.8166 10.2071 15.2071L8.41423 17L10.2071 18.7929C10.5976 19.1834 10.5976 19.8166 10.2071 20.2071C9.81657 20.5976 9.18341 20.5976 8.79289 20.2071L7.00001 18.4142L5.20711 20.2071C4.81658 20.5976 4.18342 20.5976 3.79289 20.2071C3.40237 19.8166 3.40237 19.1834 3.79289 18.7929L5.5858 17L3.7929 15.2071C3.40237 14.8166 3.40237 14.1834 3.79289 13.7929Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M13 7C13 6.44772 13.4477 6 14 6H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8H14C13.4477 8 13 7.55228 13 7Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M13 17C13 16.4477 13.4477 16 14 16H20C20.5523 16 21 16.4477 21 17C21 17.5523 20.5523 18 20 18H14C13.4477 18 13 17.5523 13 17Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M15.9 14C15.9 13.3925 16.3925 12.9 17 12.9C17.6075 12.9 18.1001 13.3925 18.1001 14C18.1001 14.6075 17.6076 15.1 17.0001 15.1C16.3926 15.1 15.9 14.6075 15.9 14Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M15.9 20C15.9 19.3925 16.3925 18.9 17 18.9C17.6075 18.9 18.1001 19.3925 18.1001 20C18.1001 20.6075 17.6076 21.1 17.0001 21.1C16.3926 21.1 15.9 20.6075 15.9 20Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|