diff --git a/apps/docs/content/docs/customization/custom-variants.mdx b/apps/docs/content/docs/customization/custom-variants.mdx index af98aa8cb3..8077c7aeca 100644 --- a/apps/docs/content/docs/customization/custom-variants.mdx +++ b/apps/docs/content/docs/customization/custom-variants.mdx @@ -124,13 +124,10 @@ allows you to create a new component based on the original component, and custom import {extendVariants, Input} from "@nextui-org/react"; const MyInput = extendVariants(Input, { - variants: { - // <- modify/add variants + variants: { // <- modify/add variants color: { - stone: { - // <- add a new color variant - inputWrapper: [ - // <- Input wrapper slot + stone: { // <- add a new color variant + inputWrapper: [ // <- Input wrapper slot "bg-zinc-100", "border", "shadow", @@ -145,8 +142,7 @@ const MyInput = extendVariants(Input, { "dark:data-[hover=true]:bg-zinc-900", "dark:focus-within:bg-zinc-900", ], - input: [ - // Input element slot + input: [ // <- Input element slot "text-zinc-800", "placeholder:text-zinc-600", // dark theme diff --git a/packages/storybook/.storybook/welcome.stories.mdx b/packages/storybook/.storybook/welcome.stories.mdx index cd30eacb87..62a124b666 100644 --- a/packages/storybook/.storybook/welcome.stories.mdx +++ b/packages/storybook/.storybook/welcome.stories.mdx @@ -15,16 +15,7 @@ import {link, button} from "@nextui-org/theme";

Here you can find the guidelines, components APIs and examples to help you build your next project - with NextUI. This version is still in development, so some components are not yet available. You - can follow the progress in the{" "} - - project board - - . + with NextUI.

@@ -38,7 +29,7 @@ import {link, button} from "@nextui-org/theme"; className: "!text-primary gap-1 [&>svg]:fill-none", })} > - Website (v1) + Website