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 DoupleCheckIcon = ({
|
|
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 Check</title>
|
|
<path
|
|
d="M17.197 4.40337C17.5264 3.96024 18.1531 3.86814 18.5964 4.19732C19.0396 4.52677 19.1319 5.15348 18.8024 5.59673L8.39716 19.5967C8.23645 19.8129 7.99518 19.9552 7.72822 19.9913C7.46126 20.0272 7.19041 19.9541 6.97822 19.7881L1.38349 15.4131C0.948711 15.0729 0.871547 14.4438 1.21162 14.0088C1.55174 13.5739 2.18087 13.497 2.61591 13.837L7.40302 17.5801L17.197 4.40337Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M21.197 4.40337C21.5264 3.96026 22.1532 3.86815 22.5964 4.19732C23.0396 4.52678 23.1319 5.15349 22.8024 5.59673L12.3972 19.5967C12.0677 20.0399 11.441 20.1322 10.9977 19.8028C10.5548 19.4733 10.4624 18.8465 10.7917 18.4034L21.197 4.40337Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|