ElixirForge/frigate
1
0
Fork 0
mirror of https://github.com/alexhopeoconnor/frigate.git synced 2026-10-22 03:02:09 +10:00
Code Releases Activity

test(web): add eslint and PR lint validation

Browse Source
This commit is contained in:
Paul Armstrong
2021-02-20 08:20:17 -06:00
committed by Blake Blackshear
parent 513a099c24
commit daa759cc55
33 changed files with 5190 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/StyleGuide.jsx
+6 -7
View File
@@ -1,7 +1,6 @@
import { h } from 'preact';
import ArrowDropdown from '../icons/ArrowDropdown';
import ArrowDropup from '../icons/ArrowDropup';
import Card from '../components/Card';
import Button from '../components/Button';
import Heading from '../components/Heading';
import Select from '../components/Select';
@@ -22,13 +21,13 @@ export default function StyleGuide() {
return (
<div>
<Heading size="md">Button</Heading>
<div class="flex space-x-4 mb-4">
<div className="flex space-x-4 mb-4">
<Button>Default</Button>
<Button color="red">Danger</Button>
<Button color="green">Save</Button>
<Button disabled>Disabled</Button>
</div>
<div class="flex space-x-4 mb-4">
<div className="flex space-x-4 mb-4">
<Button type="text">Default</Button>
<Button color="red" type="text">
Danger
@@ -40,7 +39,7 @@ export default function StyleGuide() {
Disabled
</Button>
</div>
<div class="flex space-x-4 mb-4">
<div className="flex space-x-4 mb-4">
<Button type="outlined">Default</Button>
<Button color="red" type="outlined">
Danger
@@ -54,7 +53,7 @@ export default function StyleGuide() {
</div>
<Heading size="md">Switch</Heading>
<div class="flex">
<div className="flex">
<div>
<p>Disabled, off</p>
<Switch />
@@ -74,12 +73,12 @@ export default function StyleGuide() {
</div>
<Heading size="md">Select</Heading>
<div class="flex space-x-4 mb-4 max-w-4xl">
<div className="flex space-x-4 mb-4 max-w-4xl">
<Select label="Basic select box" options={['All', 'None', 'Other']} selected="None" />
</div>
<Heading size="md">TextField</Heading>
<div class="flex-col space-y-4 max-w-4xl">
<div className="flex-col space-y-4 max-w-4xl">
<TextField label="Default text field" />
<TextField label="Pre-filled" value="This is my pre-filled value" />
<TextField label="With help" helpText="This is some help text" />