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
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const ArrowBoxRightIcon = ({
|
|
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>Arrow Box Right</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M18 5L15 5C14.4477 5 14 4.55228 14 4C14 3.44772 14.4477 3 15 3L18 3C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H15C14.4477 21 14 20.5523 14 20C14 19.4477 14.4477 19 15 19H18C18.5523 19 19 18.5523 19 18V6C19 5.44772 18.5523 5 18 5ZM10.2929 7.7929C10.6834 7.40237 11.3166 7.40237 11.7071 7.7929L15.2071 11.2929C15.3946 11.4804 15.5 11.7348 15.5 12C15.5 12.2652 15.3946 12.5196 15.2071 12.7071L11.7071 16.2071C11.3166 16.5976 10.6834 16.5976 10.2929 16.2071C9.90237 15.8166 9.90237 15.1834 10.2929 14.7929L12.0858 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H12.0858L10.2929 9.20711C9.90237 8.81658 9.90237 8.18342 10.2929 7.7929Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|