mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
const AnchorIcon = `export const AnchorIcon = (props) => (
|
|
<svg
|
|
aria-hidden="true"
|
|
focusable="false"
|
|
height="24"
|
|
role="presentation"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
{...props}
|
|
>
|
|
<path
|
|
d="M8.465,11.293c1.133-1.133,3.109-1.133,4.242,0L13.414,12l1.414-1.414l-0.707-0.707c-0.943-0.944-2.199-1.465-3.535-1.465 S7.994,8.935,7.051,9.879L4.929,12c-1.948,1.949-1.948,5.122,0,7.071c0.975,0.975,2.255,1.462,3.535,1.462 c1.281,0,2.562-0.487,3.536-1.462l0.707-0.707l-1.414-1.414l-0.707,0.707c-1.17,1.167-3.073,1.169-4.243,0 c-1.169-1.17-1.169-3.073,0-4.243L8.465,11.293z"
|
|
fill="currentColor"
|
|
/>
|
|
<path
|
|
d="M12,4.929l-0.707,0.707l1.414,1.414l0.707-0.707c1.169-1.167,3.072-1.169,4.243,0c1.169,1.17,1.169,3.073,0,4.243 l-2.122,2.121c-1.133,1.133-3.109,1.133-4.242,0L10.586,12l-1.414,1.414l0.707,0.707c0.943,0.944,2.199,1.465,3.535,1.465 s2.592-0.521,3.535-1.465L19.071,12c1.948-1.949,1.948-5.122,0-7.071C17.121,2.979,13.948,2.98,12,4.929z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
);`;
|
|
|
|
const App = `import { Link } from "@nextui-org/react";
|
|
import { AnchorIcon } from "./AnchorIcon";
|
|
|
|
export default function App() {
|
|
return (
|
|
<Link
|
|
isExternal
|
|
showAnchorIcon
|
|
href="https://github.com/nextui-org/nextui"
|
|
anchorIcon={<AnchorIcon />}
|
|
>
|
|
Custom Icon
|
|
</Link>
|
|
);
|
|
}`;
|
|
|
|
const react = {
|
|
"/App.jsx": App,
|
|
"/AnchorIcon.jsx": AnchorIcon,
|
|
};
|
|
|
|
export default {
|
|
...react,
|
|
};
|