typescript src/tabs, src/typography (#491)

* first iteration * tabs generic - remove as from typography * typography using React.component function * comma mistake * ... * review + add back `as` option for typography. * linter * quick fix * us location descriptor
2022-08-11 17:59:00 +02:00
parent 1dfffce606
commit c09380644b
4 changed files with 122 additions and 87 deletions
--- a/src/typography/Typography.stories.tsx
+++ b/src/typography/Typography.stories.tsx
@@ -0,0 +1,42 @@
+/*
+Copyright 2022 Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from "react";
+
+import { Headline, Title, Subtitle, Body, Caption, Micro } from "./Typography";
+
+export default {
+  title: "Typography",
+  parameters: {
+    layout: "fullscreen",
+  },
+};
+
+export const Typography: React.FC<{}> = () => (
+  <>
+    <Headline>Headline Semi Bold</Headline>
+    <Title>Title</Title>
+    <Subtitle>Subtitle</Subtitle>
+    <Subtitle fontWeight="semiBold">Subtitle Semi Bold</Subtitle>
+    <Body>Body</Body>
+    <Body fontWeight="semiBold">Body Semi Bold</Body>
+    <Caption>Caption</Caption>
+    <Caption fontWeight="semiBold">Caption Semi Bold</Caption>
+    <Caption fontWeight="bold">Caption Bold</Caption>
+    <Micro>Micro</Micro>
+    <Micro fontWeight="bold">Micro bold</Micro>
+  </>
+);