diff --git a/docs/index.html b/docs/index.html index 7dea15727..df9aef9a2 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,7 +2,7 @@ - shoelace - Stencil Component Starter + Shoelace: A forward-thinking library of Web Components. This is a primary alert, if you couldn't tell.
+This is a success alert, if you couldn't tell.
+This is a info alert, if you couldn't tell.
+This is a warning alert, if you couldn't tell.
+This is a danger alert, if you couldn't tell. +``` + +```html preview + + + This is a primary alert, if you couldn't tell. +
+ + + + This is a success alert, if you couldn't tell. +
+ + + + This is a info alert, if you couldn't tell. +
+ + + + This is a warning alert, if you couldn't tell. +
+ + + + This is a danger alert, if you couldn't tell. + +``` + +```html preview +This is a primary alert, if you couldn't tell.
+This is a success alert, if you couldn't tell.
+This is a info alert, if you couldn't tell.
+This is a warning alert, if you couldn't tell.
+This is a danger alert, if you couldn't tell. +``` diff --git a/src/components/checkbox/readme.md b/src/components/checkbox/readme.md index 0da2fe8dc..fadec65d2 100644 --- a/src/components/checkbox/readme.md +++ b/src/components/checkbox/readme.md @@ -1,7 +1,11 @@ # Checkbox -TODO - +```html preview +Default

+Checked

+Indeterminate

+Disabled

+``` diff --git a/src/components/dropdown/readme.md b/src/components/dropdown/readme.md index 17775ec40..a8590bd6a 100644 --- a/src/components/dropdown/readme.md +++ b/src/components/dropdown/readme.md @@ -1,6 +1,67 @@ # Dropdown -TODO +```html preview + + Dropdown + Dropdown Item 1 + Dropdown Item 2 + Dropdown Item 3 + + Checked + Disabled + + + Prefix + + + + Suffix Text + cmd+s + + + Suffix Icon + + + +``` + +```html preview + + Edit + Cut + Copy + Paste + + Find + Replace + +``` + +```html preview + + Scrolling Menu + Item 1 + Item 2 + Item 3 + Item 4 + Item 5 + Item 6 + Item 7 + Item 8 + Item 9 + Item 10 + Item 11 + Item 12 + Item 13 + Item 14 + Item 15 + Item 16 + Item 17 + Item 18 + Item 19 + Item 20 + +``` diff --git a/src/components/input/readme.md b/src/components/input/readme.md index e2d87eb99..4a131b125 100644 --- a/src/components/input/readme.md +++ b/src/components/input/readme.md @@ -1,9 +1,124 @@ # Input -Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - ```html preview - + + +

+ + + +

+ + + +

+ + + + + + +

+ + + + + + +

+ + + + + + +

+ + + $ + .00 + + +

+ + + $ + .00 + + +

+ + + $ + .00 + + +

+ + + $ + .00 + + + + +

+ + + $ + .00 + + + + +

+ + + $ + .00 + + + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + + +

+ + ``` diff --git a/src/components/progress-bar/readme.md b/src/components/progress-bar/readme.md index 528e61ec5..bc5b11301 100644 --- a/src/components/progress-bar/readme.md +++ b/src/components/progress-bar/readme.md @@ -1,6 +1,18 @@ # Progress Bar -TODO +```html preview +25%
+50%
+75%
+100% +``` + +```html preview +
+
+
+ +``` diff --git a/src/components/progress-ring/readme.md b/src/components/progress-ring/readme.md index 9bc56ff90..a7c8586de 100644 --- a/src/components/progress-ring/readme.md +++ b/src/components/progress-ring/readme.md @@ -1,7 +1,13 @@ # Progress Ring -TODO - +```html preview +
+ 25%
+ 50%
+ 75%
+ 100% +
+``` diff --git a/src/components/radio/readme.md b/src/components/radio/readme.md index 21fce9c9c..e52690abd 100644 --- a/src/components/radio/readme.md +++ b/src/components/radio/readme.md @@ -1,7 +1,10 @@ # Radio -TODO - +```html preview +Default

+Checked

+Disabled

+``` diff --git a/src/components/range/readme.md b/src/components/range/readme.md index fce01f31c..c9a336651 100644 --- a/src/components/range/readme.md +++ b/src/components/range/readme.md @@ -1,7 +1,32 @@ # Range -TODO +```html preview + +

+ + + +

+ + + + + +

+ + + +

+ + + +

+ + +``` diff --git a/src/components/spinner/readme.md b/src/components/spinner/readme.md index 9b345e9ed..2056354cd 100644 --- a/src/components/spinner/readme.md +++ b/src/components/spinner/readme.md @@ -1,6 +1,10 @@ # Spinner -TODO +```html preview + + + +``` diff --git a/src/components/switch/readme.md b/src/components/switch/readme.md index a1934db85..ca595e886 100644 --- a/src/components/switch/readme.md +++ b/src/components/switch/readme.md @@ -1,13 +1,9 @@ # Switch -Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - ```html preview -Default - -Checked - -Disabled +Switch

+Checked

+Disabled

``` diff --git a/src/components/tabs/readme.md b/src/components/tabs/readme.md index ac78f71b6..e05989123 100644 --- a/src/components/tabs/readme.md +++ b/src/components/tabs/readme.md @@ -1,6 +1,106 @@ # Tabs -TODO +```html preview + + General + Custom + Advanced + Disabled + + General + Custom + Advanced + Disabled + +``` + +```html preview + + General + Custom + Advanced + Disabled + + General + Custom + Advanced + Disabled + +``` + +```html preview + + General + Custom + Advanced + Disabled + + General + Custom + Advanced + Disabled + +``` + +```html preview + + General + Custom + Advanced + Disabled + + General + Custom + Advanced + Disabled + +``` + +```html preview + + Tab 1 + Tab 2 + Tab 3 + Tab 4 + Tab 5 + Tab 6 + Tab 7 + Tab 8 + Tab 9 + Tab 10 + Tab 11 + Tab 12 + Tab 13 + Tab 14 + Tab 15 + Tab 16 + Tab 17 + Tab 18 + Tab 19 + Tab 20 + + Tab Panel 1 + Tab Panel 2 + Tab Panel 3 + Tab Panel 4 + Tab Panel 5 + Tab Panel 6 + Tab Panel 7 + Tab Panel 8 + Tab Panel 9 + Tab Panel 10 + Tab Panel 11 + Tab Panel 12 + Tab Panel 13 + Tab Panel 14 + Tab Panel 15 + Tab Panel 16 + Tab Panel 17 + Tab Panel 18 + Tab Panel 19 + Tab Panel 20 + +``` diff --git a/src/components/textarea/readme.md b/src/components/textarea/readme.md index 25909d0a7..78cf89958 100644 --- a/src/components/textarea/readme.md +++ b/src/components/textarea/readme.md @@ -1,6 +1,14 @@ # Textarea -TODO +```html preview +

+ +

+ +

+ +

+``` diff --git a/src/components/tooltip/readme.md b/src/components/tooltip/readme.md index 9803cd1e8..e4f374792 100644 --- a/src/components/tooltip/readme.md +++ b/src/components/tooltip/readme.md @@ -1,6 +1,29 @@ # Tooltip -TODO +```html preview +Tooltip +This is a tooltip + +Tooltip With Arrow +This is a tooltip with arrow + +Tooltip On Link +This is a tooltip on a link + +

+ +Top +Tooltip + +Bottom +Tooltip + +Left +Tooltip + +Right +Tooltip +``` diff --git a/src/index.html b/src/index.html index 7a32a9340..58623feab 100644 --- a/src/index.html +++ b/src/index.html @@ -595,14 +595,14 @@

Progress Bar

25%
- 50%
+ 50%
75%
100%


-
+

@@ -611,7 +611,7 @@

Progress Ring

25%
- 50%
+ 50%
75%
100%