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.
23 lines
857 B
TypeScript
23 lines
857 B
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const TextareaDragIcon = ({
|
|
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>Textarea Drag</title>
|
|
<path
|
|
d="M20.2929 6.29289C20.6834 5.90237 21.3164 5.90237 21.707 6.29289C22.0975 6.68342 22.0975 7.31643 21.707 7.70696L7.70696 21.707C7.31643 22.0975 6.68342 22.0975 6.29289 21.707C5.90237 21.3164 5.90237 20.6834 6.29289 20.2929L20.2929 6.29289ZM20.2929 14.2929C20.6834 13.9024 21.3164 13.9024 21.707 14.2929C22.0975 14.6834 22.0975 15.3164 21.707 15.707L15.707 21.707C15.3164 22.0975 14.6834 22.0975 14.2929 21.707C13.9024 21.3164 13.9024 20.6834 14.2929 20.2929L20.2929 14.2929Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|