Skip to content

Commit

Permalink
feat: improve progress demos
Browse files Browse the repository at this point in the history
  • Loading branch information
driss-chelouati committed Dec 10, 2023
1 parent 4a71b66 commit 419112c
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Progress bars are an essential part of any application. Shuriken UI action progr

Progress circles can have different sizes.

<div className="flex items-end gap-2 bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
<Story of={ProgressCircleStories.SizeOne} />
<br />
<Story of={ProgressCircleStories.SizeTwo} />
Expand All @@ -38,7 +38,7 @@ Progress circles can have different sizes.

Progress circles can have different colors.

<div className="flex items-end gap-2 bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
<Story of={ProgressCircleStories.Primary} />
<br />
<Story of={ProgressCircleStories.Info} />
Expand Down
6 changes: 3 additions & 3 deletions src/plugins/components/progress/progress.doc.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Progress bars are an essential part of any application. Shuriken UI action progr

Progress bars can have different sizes.

<div className="bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
<Story of={ProgressStories.SizeXs} />
<br />
<Story of={ProgressStories.SizeSm} />
Expand All @@ -40,7 +40,7 @@ Progress bars can have different sizes.

Progress bars can have different colors.

<div className="bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
<Story of={ProgressStories.ColorPrimary} />
<br />
<Story of={ProgressStories.ColorInfo} />
Expand All @@ -61,7 +61,7 @@ Progress bars can have different colors.

Progress bars can be shown in an indeterminate state.

<div className="bg-slate-100 dark:bg-slate-900 p-6 rounded-sm">
<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
<Story of={ProgressStories.IndeterminatePrimary} />
<br />
<Story of={ProgressStories.IndeterminateInfo} />
Expand Down

0 comments on commit 419112c

Please sign in to comment.