/
TYPES.tsx
39 lines (38 loc) · 1.35 KB
/
TYPES.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React from "react";
import { Badge } from "@kiwicom/orbit-components";
export default {
Example: () => <Badge type="neutral">Neutral</Badge>,
exampleVariants: [
{ name: "Neutral", code: `() => <Badge type="neutral">Neutral</Badge>` },
{ name: "Dark", code: `() => <Badge type="dark">Dark</Badge>` },
{ name: "Info", code: `() => <Badge type="info">Info</Badge>` },
{ name: "Success", code: `() => <Badge type="success">success</Badge>` },
{ name: "Warning", code: `() => <Badge type="warning">Warning</Badge>` },
{ name: "Critical", code: `() => <Badge type="critical">Critical</Badge>` },
{ name: "infoSubtle", code: `() => <Badge type="infoSubtle">InfoSubtle</Badge>` },
{
name: "criticalSubtle",
code: `() => <Badge type="criticalSubtle">CriticalSubtle</Badge>`,
},
{
name: "successSubtle",
code: `() => <Badge type="SuccessSubtle">successSubtle</Badge>`,
},
{
name: "warningSubtle",
code: `() => <Badge type="warningSubtle">WarningSubtle</Badge>`,
},
{
name: "bundleBasic",
code: `() => <Badge type="bundleBasic">BundleBasic</Badge>`,
},
{
name: "bundleMedium",
code: `() => <Badge type="bundleMedium">BundleMedium</Badge>`,
},
{
name: "bundleTop",
code: `() => <Badge type="bundleTop">BundleTop</Badge>`,
},
],
};