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 DoupleCheckmark1Icon = ({
|
|
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 1</title>
|
|
<path
|
|
d="M16.1589 4.45874C16.4576 3.99451 17.0763 3.86052 17.5407 4.15893C18.005 4.45767 18.1391 5.07631 17.8406 5.54077L8.84055 19.5408C8.66641 19.8112 8.37275 19.9821 8.05149 19.9988C7.73009 20.0153 7.41953 19.8761 7.21848 19.6248L2.21848 13.3748C1.87364 12.9436 1.94378 12.3135 2.37473 11.9685C2.80596 11.6235 3.43596 11.6936 3.78098 12.1248L7.91086 17.2878L16.1589 4.45874Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M20.1589 4.45874C20.4576 3.99451 21.0763 3.86052 21.5407 4.15893C22.005 4.45767 22.1391 5.07631 21.8406 5.54077L12.8406 19.5408C12.5417 20.0048 11.9231 20.1391 11.4587 19.8406C10.9947 19.5418 10.8606 18.9231 11.1589 18.4587L20.1589 4.45874Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|