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
2.7 KiB
TypeScript
25 lines
2.7 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const SquareBehindSquare6Icon = ({
|
|
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>Square Behind Square 6</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M16.8385 3H11.1615C10.6343 2.99998 10.1795 2.99997 9.80497 3.03057C9.40963 3.06287 9.01641 3.13419 8.63803 3.32698C8.07354 3.6146 7.6146 4.07354 7.32698 4.63803C7.13419 5.01641 7.06287 5.40963 7.03057 5.80497C7.00314 6.14076 7.00031 6.54099 7.00003 7.00003C6.54099 7.00031 6.14076 7.00314 5.80497 7.03057C5.40963 7.06287 5.01641 7.13419 4.63803 7.32698C4.07354 7.6146 3.6146 8.07354 3.32698 8.63803C3.13419 9.01641 3.06287 9.40963 3.03057 9.80497C2.99997 10.1795 2.99998 10.6343 3 11.1614V16.8385C2.99998 17.3657 2.99997 17.8205 3.03057 18.195C3.06287 18.5904 3.13419 18.9836 3.32698 19.362C3.6146 19.9265 4.07355 20.3854 4.63803 20.673C5.01641 20.8658 5.40963 20.9371 5.80497 20.9694C6.17952 21 6.63424 21 7.16134 21H12.8385C13.3656 21 13.8205 21 14.195 20.9694C14.5904 20.9371 14.9836 20.8658 15.362 20.673C15.9265 20.3854 16.3854 19.9265 16.673 19.362C16.8658 18.9836 16.9371 18.5904 16.9694 18.195C16.9969 17.8592 16.9997 17.459 17 17C17.459 16.9997 17.8592 16.9969 18.195 16.9694C18.5904 16.9371 18.9836 16.8658 19.362 16.673C19.9265 16.3854 20.3854 15.9265 20.673 15.362C20.8658 14.9836 20.9371 14.5904 20.9694 14.195C21 13.8205 21 13.3658 21 12.8386V7.16148C21 6.63437 21 6.17952 20.9694 5.80497C20.9371 5.40963 20.8658 5.01641 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.9836 3.13419 18.5904 3.06287 18.195 3.03057C17.8205 2.99997 17.3657 2.99998 16.8385 3ZM17 14.9999C17.4651 14.9995 17.783 14.9964 18.0322 14.9761C18.3038 14.9539 18.4045 14.9162 18.454 14.891C18.6422 14.7951 18.7951 14.6422 18.891 14.454C18.9162 14.4045 18.9539 14.3038 18.9761 14.0322C18.9992 13.7488 19 13.3766 19 12.8V7.2C19 6.62345 18.9992 6.25118 18.9761 5.96784C18.9539 5.69618 18.9162 5.59546 18.891 5.54601C18.7951 5.35785 18.6422 5.20487 18.454 5.109C18.4045 5.0838 18.3038 5.04613 18.0322 5.02393C17.7488 5.00078 17.3766 5 16.8 5H11.2C10.6234 5 10.2512 5.00078 9.96784 5.02393C9.69618 5.04613 9.59546 5.0838 9.54601 5.109C9.35785 5.20487 9.20487 5.35785 9.109 5.54601C9.0838 5.59546 9.04613 5.69618 9.02393 5.96784C9.00357 6.21698 9.00052 6.5349 9.00007 7H12.8385C13.3657 6.99998 13.8205 6.99997 14.195 7.03057C14.5904 7.06287 14.9836 7.13419 15.362 7.32698C15.9265 7.6146 16.3854 8.07355 16.673 8.63803C16.8658 9.01641 16.9371 9.40963 16.9694 9.80497C17 10.1795 17 10.6343 17 11.1615V14.9999Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|