lgtm

marigold-ui · Feb 16, 2024 · b918789 · b918789
1 parent 9d88dcd
commit b918789
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -14,7 +14,7 @@ const App = () => (
  <Slide>
  <Intro />
  </Slide>
- <Slide maxWidth={700}>
+ <Slide style={{ maxWidth: 700 }}>
  <Frame>
  <MarigoldProvider theme={theme}>
  <Example />
@@ -27,6 +27,11 @@ const App = () => (
  <Slide>
  <Conclusion />
  </Slide>
+ <Slide style={{ textAlign: "center" }}>
+ <a className="cta" href="https://www.marigold-ui.io/concepts/validation">
+ Read the documentation!
+ </a>
+ </Slide>
  </Slide.Container>
 );
 

diff --git a/src/components.jsx b/src/components.jsx
@@ -23,8 +23,8 @@ export const Frame = ({ children }) => (
  </div>
 );
 
-export const Slide = ({ children, maxWidth }) => (
- <div className="slide" style={{ maxWidth }}>
+export const Slide = ({ children, style }) => (
+ <div className="slide" style={style}>
  <div style={{ width: "100%" }}>{children} </div>
  </div>
 );

diff --git a/src/index.css b/src/index.css
@@ -57,6 +57,15 @@ body {
  text-decoration-thickness: 2px;
 }
 
+.cta {
+ display: inline-block;
+ border-radius: 16px;
+ font-size: 48px;
+ color: #f0f9ff;
+ background: #075985;
+ padding: 8px 48px;
+}
+
 /* CODE HIKE */
 .ch-codegroup {
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);