archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

feat(docs): link done

Browse Source
This commit is contained in:
Junior Garcia 2023-05-27 22:38:13 -03:00
parent fa404913bd
commit 69d9e2bcdc
144 changed files with 264 additions and 202 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/docs/components/sandpack/language-selector.tsx
View File

@ -22,7 +22,7 @@ export const LanguageSelector: React.FC<LanguageSelectorProps> = ({template, onC
<Tabs
aria-label="Language selector"
classNames={{
base: "absolute right-3 bottom-10",
base: "absolute right-3 bottom-4",
cursor: "bg-zinc-400 dark:bg-zinc-700",
tabList:
"bg-transparent relative before:bg-white/5 before:w-full before:rounded-lg before:h-full before:content-[''] before:block before:z-1 before:absolute before:inset-0 before:backdrop-blur-md before:backdrop-saturate-100",
@ -32,7 +32,7 @@ export const LanguageSelector: React.FC<LanguageSelectorProps> = ({template, onC
size="xs"
onSelectionChange={handleToggle}
>
<Tab key="vite-react-ts" title={<TypescriptIcon className="text-lg text-[#93adcb]" />} />
<Tab key="vite-react-ts" title={<TypescriptIcon className="text-lg text-[#3b69ff]" />} />
<Tab key="vite-react" title={<JavascriptIcon className="text-lg text-[#dbbe82]" />} />
</Tabs>
);

2
apps/docs/content/components/accordion/compact.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/controlled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const [selectedKeys, setSelectedKeys] = React.useState(new Set(["1"]));

2
apps/docs/content/components/accordion/custom-motion.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

10
apps/docs/content/components/accordion/custom-styles.ts
View File

@ -182,11 +182,11 @@ const InvalidCardIcon = `export const InvalidCardIcon = (props) => (
</svg>
);`;
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
import { MonitorMobileIcon } from "./MonitorMobileIcon";
import { ShieldSecurityIcon } from "./ShieldSecurityIcon";
import { InfoIcon } from "./InfoIcon";
import { InvalidCardIcon } from "./InvalidCardIcon";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
import {MonitorMobileIcon} from "./MonitorMobileIcon";
import {ShieldSecurityIcon} from "./ShieldSecurityIcon";
import {InfoIcon} from "./InfoIcon";
import {InvalidCardIcon} from "./InvalidCardIcon";
export default function App() {
const itemStyles = {

2
apps/docs/content/components/accordion/default-expanded-keys.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/disabled-keys.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

8
apps/docs/content/components/accordion/indicator-function.ts
View File

@ -71,10 +71,10 @@ const SunIcon = `export const SunIcon = (props) => (
</svg>
);`;
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
import { AnchorIcon } from "./AnchorIcon";
import { MoonIcon } from "./MoonIcon";
import { SunIcon } from "./SunIcon";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
import {AnchorIcon} from "./AnchorIcon";
import {MoonIcon} from "./MoonIcon";
import {SunIcon} from "./SunIcon";
export default function App() {
const defaultContent =

8
apps/docs/content/components/accordion/indicator.ts
View File

@ -71,10 +71,10 @@ const SunIcon = `export const SunIcon = (props) => (
</svg>
);`;
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
import { AnchorIcon } from './AnchorIcon';
import { MoonIcon } from './MoonIcon';
import { SunIcon } from './SunIcon';
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
import {AnchorIcon} from './AnchorIcon';
import {MoonIcon} from './MoonIcon';
import {SunIcon} from './SunIcon';
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/multiple.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/start-content.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem, Avatar } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem, Avatar} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/subtitle.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/accordion/variants.ts
View File

@ -1,4 +1,4 @@
const App = `import { Accordion, AccordionItem } from "@nextui-org/react";
const App = `import {Accordion, AccordionItem} from "@nextui-org/react";
export default function App() {
const defaultContent =

2
apps/docs/content/components/avatar/bordered.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

2
apps/docs/content/components/avatar/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

4
apps/docs/content/components/avatar/custom-fallback.ts
View File

@ -18,8 +18,8 @@ const CameraIcon = `export const CameraIcon = ({fill, size, height, width, ...pr
);
};`;
const App = `import { Avatar } from "@nextui-org/react";
import { CameraIcon } from './CameraIcon';
const App = `import {Avatar} from "@nextui-org/react
import {CameraIcon} from './CameraIcon';
export default function App() {
return (

10
apps/docs/content/components/avatar/custom-impl.ts
View File

@ -1,7 +1,7 @@
const App = `import { forwardRef } from "react";
import { useMemo } from "react";
const App = `import {forwardRef} from "react";
import {useMemo} from "react";
import { AvatarIcon, useAvatar } from "@nextui-org/react";
import {AvatarIcon, useAvatar} from "@nextui-org/react";
const MyAvatar = forwardRef((props, ref) => {
const {
@ -61,9 +61,9 @@ Avatar.displayName = "MyAvatar";
export default MyAvatar;`;
const AppTs = `import { forwardRef, useMemo } from "react";
const AppTs = `import {forwardRef, useMemo} from "react";
import { AvatarIcon, useAvatar, AvatarProps as BaseAvatarProps } from "@nextui-org/react";
import {AvatarIcon, useAvatar, AvatarProps as BaseAvatarProps} from "@nextui-org/react";
export interface AvatarProps extends BaseAvatarProps {}

2
apps/docs/content/components/avatar/custom.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarIcon } from "@nextui-org/react";
const App = `import {Avatar, AvatarIcon} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

2
apps/docs/content/components/avatar/fallbacks.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

2
apps/docs/content/components/avatar/group-custom-count.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/group-disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/group-grid.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/group-max.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/group-total.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/group.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar, AvatarGroup } from "@nextui-org/react";
const App = `import {Avatar, AvatarGroup} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/avatar/radius.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

2
apps/docs/content/components/avatar/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

2
apps/docs/content/components/avatar/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Avatar } from "@nextui-org/react";
const App = `import {Avatar} from "@nextui-org/react
export default function App() {
return (

4
apps/docs/content/components/badge/a11y.ts
View File

@ -18,8 +18,8 @@ export const NotificationIcon = `export const NotificationIcon = ({size, height,
);
};`;
const App = `import { Badge, Button } from "@nextui-org/react";
import { NotificationIcon } from "./NotificationIcon";
const App = `import {Badge, Button} from "@nextui-org/react";
import {NotificationIcon} from "./NotificationIcon";
export default function App() {
return (

2
apps/docs/content/components/badge/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

6
apps/docs/content/components/badge/content-examples.ts
View File

@ -44,9 +44,9 @@ export const CheckIcon = `export const CheckIcon = ({
);
};`;
const App = `import { Badge, Avatar } from "@nextui-org/react";
import { NotificationIcon } from "./NotificationIcon";
import { CheckIcon } from "./CheckIcon";
const App = `import {Badge, Avatar} from "@nextui-org/react";
import {NotificationIcon} from "./NotificationIcon";
import {CheckIcon} from "./CheckIcon";
export default function App() {
return (

2
apps/docs/content/components/badge/disable-outline.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/placements.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/radius.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/shapes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/badge/variants.ts
View File

@ -1,4 +1,4 @@
const App = `import { Badge, Avatar } from "@nextui-org/react";
const App = `import {Badge, Avatar} from "@nextui-org/react";
export default function App() {
return (

6
apps/docs/content/components/badge/visibility.ts
View File

@ -48,9 +48,9 @@ export const CartIcon = `export const CartIcon = ({ size, height, width, ...prop
);
};`;
const App = `import { Badge, Avatar, Switch } from "@nextui-org/react";
import { NotificationIcon } from "./NotificationIcon";
import { CartIcon } from "./CartIcon";
const App = `import {Badge, Avatar, Switch} from "@nextui-org/react";
import {NotificationIcon} from "./NotificationIcon";
import {CartIcon} from "./CartIcon";
export default function App() {
const [isInvisible, setIsInvisible] = React.useState(false);

2
apps/docs/content/components/button/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

8
apps/docs/content/components/button/custom-impl.ts
View File

@ -1,6 +1,6 @@
const App = `import { forwardRef } from "react";
const App = `import {forwardRef} from "react";
import { useButton, Drip, Spinner } from "@nextui-org/react";
import {useButton, Drip, Spinner} from "@nextui-org/react";
const MyButton = forwardRef((props, ref) => {
const {
@ -37,9 +37,9 @@ MyButton.displayName = "MyButton";
export default MyButton;`;
const AppTs = `import { forwardRef } from "react";
const AppTs = `import {forwardRef} from "react";
import { useButton, Drip, Spinner, ButtonProps as BaseButtonProps } from "@nextui-org/react";
import {useButton, Drip, Spinner, ButtonProps as BaseButtonProps} from "@nextui-org/react";
export interface ButtonProps extends BaseButtonProps {}

2
apps/docs/content/components/button/custom-styles.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/group-disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button, ButtonGroup } from "@nextui-org/react";
const App = `import {Button, ButtonGroup} from "@nextui-org/react";
export default function App() {
return (

4
apps/docs/content/components/button/group-use-case.ts
View File

@ -4,8 +4,8 @@ const ChevronDownIcon = `export const ChevronDownIcon = () => (
</svg>
);`;
const App = `import { Button, ButtonGroup, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem } from "@nextui-org/react";
import { ChevronDownIcon } from './ChevronDownIcon';
const App = `import {Button, ButtonGroup, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem} from "@nextui-org/react";
import {ChevronDownIcon} from './ChevronDownIcon';
export default function App() {
const [selectedOption, setSelectedOption] = React.useState(new Set(["merge"]));

2
apps/docs/content/components/button/group.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button, ButtonGroup } from "@nextui-org/react";
const App = `import {Button, ButtonGroup} from "@nextui-org/react";
export default function App() {
return (

6
apps/docs/content/components/button/icon-only.ts
View File

@ -56,9 +56,9 @@ const CameraIcon = `export const CameraIcon = ({
);
};`;
const App = `import { Button } from "@nextui-org/react";
import { HeartIcon } from './HeartIcon';
import { CameraIcon } from './CameraIcon';
const App = `import {Button} from "@nextui-org/react";
import {HeartIcon} from './HeartIcon';
import {CameraIcon} from './CameraIcon';
export default function App() {
return (

6
apps/docs/content/components/button/icons.ts
View File

@ -65,9 +65,9 @@ const CameraIcon = `export const CameraIcon = ({
);
};`;
const App = `import { Button } from "@nextui-org/react";
import { UserIcon } from './UserIcon';
import { CameraIcon } from './CameraIcon';
const App = `import {Button} from "@nextui-org/react";
import {UserIcon} from './UserIcon';
import {CameraIcon} from './CameraIcon';
export default function App() {
return (

2
apps/docs/content/components/button/loading.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/radius.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/button/variants.ts
View File

@ -1,4 +1,4 @@
const App = `import { Button } from "@nextui-org/react";
const App = `import {Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/card/blurred-footer.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardFooter, Image, Button } from "@nextui-org/react";
const App = `import {Card, CardFooter, Image, Button} from "@nextui-org/react";
export default function App() {
return (

14
apps/docs/content/components/card/blurred.ts
View File

@ -140,13 +140,13 @@ const ShuffleIcon = `export const ShuffleIcon = ({size = 24, width, height, ...p
</svg>
);`;
const App = `import { Card, CardFooter, Image, Button, Progress } from "@nextui-org/react";
import { HeartIcon } from "./HeartIcon";
import { PauseCircleIcon } from "./PauseCircleIcon";
import { NextIcon } from "./NextIcon";
import { PreviousIcon } from "./PreviousIcon";
import { RepeatOneIcon } from "./RepeatOneIcon";
import { ShuffleIcon } from "./ShuffleIcon";
const App = `import {Card, CardFooter, Image, Button, Progress} from "@nextui-org/react";
import {HeartIcon} from "./HeartIcon";
import {PauseCircleIcon} from "./PauseCircleIcon";
import {NextIcon} from "./NextIcon";
import {PreviousIcon} from "./PreviousIcon";
import {RepeatOneIcon} from "./RepeatOneIcon";
import {ShuffleIcon} from "./ShuffleIcon";
export default function App() {
const [liked, setLiked] = React.useState(false);

2
apps/docs/content/components/card/composition.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardHeader, CardBody, Avatar, Button } from "@nextui-org/react";
const App = `import {Card, CardHeader, CardBody, Avatar, Button} from "@nextui-org/react";
export default function App() {
const [isFollowed, setIsFollowed] = React.useState(false);

2
apps/docs/content/components/card/cover-image.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardHeader, CardBody, CardFooter, Image, Button } from "@nextui-org/react";
const App = `import {Card, CardHeader, CardBody, CardFooter, Image, Button} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/card/divider.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardHeader, CardBody, CardFooter, Divider, Link, Image } from "@nextui-org/react";
const App = `import {Card, CardHeader, CardBody, CardFooter, Divider, Link, Image} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/card/image.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardHeader, CardBody, Image } from "@nextui-org/react";
const App = `import {Card, CardHeader, CardBody, Image} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/card/primary-action.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardBody, CardFooter, Image } from "@nextui-org/react";
const App = `import {Card, CardBody, CardFooter, Image} from "@nextui-org/react";
export default function App() {
const list = [

2
apps/docs/content/components/card/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Card, CardBody } from "@nextui-org/react";
const App = `import {Card, CardBody} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox-group/controlled.ts
View File

@ -1,4 +1,4 @@
const App = `import { CheckboxGroup, Checkbox } from "@nextui-org/react";
const App = `import {CheckboxGroup, Checkbox} from "@nextui-org/react";
export default function App() {
const [selected, setSelected] = React.useState(["buenos-aires", "sydney"]);

8
apps/docs/content/components/checkbox-group/custom-implementation.ts
View File

@ -17,8 +17,8 @@ const CheckIcon = `export const CheckIcon = (props) =>
</svg>
);`;
const CustomCheckbox = `import { useCheckbox, Chip, VisuallyHidden, tv } from "@nextui-org/react";
import { CheckIcon } from './CheckIcon.jsx'
const CustomCheckbox = `import {useCheckbox, Chip, VisuallyHidden, tv} from "@nextui-org/react";
import {CheckIcon} from './CheckIcon.jsx'
const checkbox = tv({
slots: {
@ -75,8 +75,8 @@ export const CustomCheckbox = (props) => {
);
}`;
const App = `import { CheckboxGroup } from "@nextui-org/react";
import { CustomCheckbox } from "./CustomCheckbox";
const App = `import {CheckboxGroup} from "@nextui-org/react";
import {CustomCheckbox} from "./CustomCheckbox";
export default function App() {
const [groupSelected, setGroupSelected] = React.useState([]);

6
apps/docs/content/components/checkbox-group/custom-styles.ts
View File

@ -1,4 +1,4 @@
const CustomCheckbox = `import { Checkbox, Link, User, Chip, cn } from "@nextui-org/react";
const CustomCheckbox = `import {Checkbox, Link, User, Chip, cn} from "@nextui-org/react";
export const CustomCheckbox = ({ user, statusColor, value }) => {
return (
@ -36,8 +36,8 @@ export const CustomCheckbox = ({ user, statusColor, value }) => {
);
};`;
const App = `import { CheckboxGroup } from "@nextui-org/react";
import { CustomCheckbox } from "./CustomCheckbox";
const App = `import {CheckboxGroup} from "@nextui-org/react";
import {CustomCheckbox} from "./CustomCheckbox";
export default function App() {
const [groupSelected, setGroupSelected] = React.useState([]);

2
apps/docs/content/components/checkbox-group/disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { CheckboxGroup, Checkbox } from "@nextui-org/react";
const App = `import {CheckboxGroup, Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox-group/horizontal.ts
View File

@ -1,4 +1,4 @@
const App = `import { CheckboxGroup, Checkbox } from "@nextui-org/react";
const App = `import {CheckboxGroup, Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox-group/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { CheckboxGroup, Checkbox } from "@nextui-org/react";
const App = `import {CheckboxGroup, Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/controlled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
const [isSelected, setIsSelected] = React.useState(false);

6
apps/docs/content/components/checkbox/custom-check-icon.ts
View File

@ -52,9 +52,9 @@ const PlusIcon = `export const PlusIcon = ({ size, height, width, ...props }) =>
);
};`;
const App = `import { Checkbox } from "@nextui-org/react";
import { HeartIcon } from './HeartIcon.jsx';
import { PlusIcon } from './PlusIcon.jsx';
const App = `import {Checkbox} from "@nextui-org/react";
import {HeartIcon} from './HeartIcon.jsx';
import {PlusIcon} from './PlusIcon.jsx';
export default function App() {
return (

4
apps/docs/content/components/checkbox/custom-implementation.ts
View File

@ -17,8 +17,8 @@ const CheckIcon = `export const CheckIcon = (props) =>
</svg>
);`;
const App = `import { useCheckbox, Chip, VisuallyHidden, tv } from "@nextui-org/react";
import { CheckIcon } from './CheckIcon.jsx'
const App = `import {useCheckbox, Chip, VisuallyHidden, tv} from "@nextui-org/react";
import {CheckIcon} from './CheckIcon.jsx'
const checkbox = tv({
slots: {

2
apps/docs/content/components/checkbox/custom-styles.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox, Link, User, Chip, cn } from "@nextui-org/react";
const App = `import {Checkbox, Link, User, Chip, cn} from "@nextui-org/react";
export default function App() {
const [isSelected, setIsSelected] = React.useState(false);

2
apps/docs/content/components/checkbox/disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/indeterminate.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/line-through.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/radius.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/checkbox/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Checkbox } from "@nextui-org/react";
const App = `import {Checkbox} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/avatar.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip, Avatar } from "@nextui-org/react";
const App = `import {Chip, Avatar} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/close-button.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/custom-styles.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/disabled.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/list.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
const initialFruits = ["Apple", "Banana", "Cherry", "Watermelon", "Orange"]

2
apps/docs/content/components/chip/radius.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

6
apps/docs/content/components/chip/start-end-content.ts
View File

@ -38,9 +38,9 @@ export const CheckIcon = `export const CheckIcon = ({
);
};`;
const App = `import { Chip } from "@nextui-org/react";
import { NotificationIcon } from "./NotificationIcon";
import { CheckIcon } from "./CheckIcon";
const App = `import {Chip} from "@nextui-org/react";
import {NotificationIcon} from "./NotificationIcon";
import {CheckIcon} from "./CheckIcon";
export default function App() {
return (

2
apps/docs/content/components/chip/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/chip/variants.ts
View File

@ -1,4 +1,4 @@
const App = `import { Chip } from "@nextui-org/react";
const App = `import {Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/custom-styles.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress, Card, CardBody, CardFooter, Chip } from "@nextui-org/react";
const App = `import {CircularProgress, Card, CardBody, CardFooter, Chip} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/label.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/usage.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/value-formatting.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/circular-progress/value.ts
View File

@ -1,4 +1,4 @@
const App = `import { CircularProgress } from "@nextui-org/react";
const App = `import {CircularProgress} from "@nextui-org/react";
export default function App() {
const [value, setValue] = React.useState(0);

2
apps/docs/content/components/code/colors.ts
View File

@ -1,4 +1,4 @@
const App = `import { Code } from "@nextui-org/react";
const App = `import {Code} from "@nextui-org/react";
export default function App() {
return (

2
apps/docs/content/components/code/sizes.ts
View File

@ -1,4 +1,4 @@
const App = `import { Code } from "@nextui-org/react";
const App = `import {Code} from "@nextui-org/react";
export default function App() {
return (

Some files were not shown because too many files have changed in this diff Show More