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.
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const DoupleCheckmark2SmallIcon = ({
|
|
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>Douple Checkmark 2 Small</title>
|
|
<path
|
|
d="M13.7472 7.34171C14.1108 6.92619 14.7427 6.88363 15.1584 7.24698C15.5738 7.61057 15.6164 8.2425 15.2531 8.65811L8.2531 16.6581C8.07086 16.8664 7.80995 16.9897 7.53337 16.9989C7.25681 17.0081 6.98882 16.9026 6.79313 16.7069L3.79313 13.7069C3.40261 13.3164 3.40262 12.6834 3.79313 12.2929C4.18366 11.9024 4.81667 11.9024 5.2072 12.2929L7.45134 14.537L13.7472 7.34171Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M18.7472 7.34171C19.1108 6.92619 19.7427 6.88363 20.1584 7.24698C20.5738 7.61057 20.6164 8.2425 20.2531 8.65811L13.2531 16.6581C12.8895 17.0736 12.2576 17.1161 11.842 16.7528C11.4264 16.3893 11.3839 15.7573 11.7472 15.3417L18.7472 7.34171Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|