Skip to content

Instantly share code, notes, and snippets.

View JenniferFuBook's full-sized avatar

Jennifer Fu JenniferFuBook

24 followers · 0 following
View GitHub Profile
@JenniferFuBook
JenniferFuBook / antTheme.two.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.theme.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.media.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.ls.App.js
Last active February 18, 2023 22:51
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.switch.App.js
Last active February 18, 2023 22:47
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antdTheme.dark.App.js
Last active February 12, 2023 23:47
import { Button, ConfigProvider, Space, Select, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
function App() {
@JenniferFuBook
JenniferFuBook / antdTheme.App.js
Last active February 12, 2023 23:26
import { Button, Space, Select } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
function App() {
@JenniferFuBook
JenniferFuBook / plotly.scatter5.App.js
Last active January 16, 2023 20:35
import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Color Dimensions',
width: 800,
height: 600,
legend: {
orientation: 'h',
},
dragmode: 'select',
@JenniferFuBook
JenniferFuBook / plotly.scatter4.App.js
Last active January 15, 2023 21:14
import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Color Dimensions',
width: 800,
height: 600,
legend: {
orientation: 'h',
},
};
@JenniferFuBook
JenniferFuBook / plotly.scatter3.App.js
Last active January 15, 2023 19:05
import Plot from 'react-plotly.js';
const layoutObj = {
title: 'Color Dimensions',
width: 800,
height: 600,
};
const dataArray = [
{ // trace 0