Skip to content

Commit

Permalink
feat(root): storybook updated, custom variants docs format fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
jrgarciadev committed Aug 1, 2023
1 parent e79bd0f commit 75bc039
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 20 deletions.
12 changes: 4 additions & 8 deletions apps/docs/content/docs/customization/custom-variants.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand All @@ -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
Expand Down
15 changes: 3 additions & 12 deletions packages/storybook/.storybook/welcome.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -15,16 +15,7 @@ import {link, button} from "@nextui-org/theme";

<p className="!text-base !text-foreground max-w-xl">
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{" "}
<a
href="https://github.com/orgs/nextui-org/projects/2/views/1?pane=issue&itemId=20037976"
target="_blank"
className={link()}
>
project board
</a>
.
with NextUI.
</p>

<div className="flex flex-col gap-8">
Expand All @@ -38,7 +29,7 @@ import {link, button} from "@nextui-org/theme";
className: "!text-primary gap-1 [&>svg]:fill-none",
})}
>
Website (v1)
Website
<svg
aria-hidden="true"
className="flex stroke-current self-center"
Expand Down Expand Up @@ -137,5 +128,5 @@ import {link, button} from "@nextui-org/theme";


<div class="block text-xs text-default-400">
Last updated on <time datetime="2023-03-07">Jul 14, 2023</time>
Last updated on <time datetime="2023-03-07">Jul 31, 2023</time>
</div>

1 comment on commit 75bc039

@vercel
Copy link

@vercel vercel bot commented on 75bc039 Aug 1, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.