mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f0e713b877
* UI customizations: new features Fixes #2905 * colors for graphs * introduce env variable * colors for topbar, stats, selected state and tabs * fix build * fix validator * refactor link.primary.hover color token * refactor selected colors * update styles for switch and fix some color tokens * change color for selectable controls * icon color tokens refactoring * UI customizations: new features Fixes #2905 * test for common components * tweaks * migrate from color-mode-hex cookie to color-theme cookie * clean up * update screenshots * more screenshot updates * update default color of chart line * update envs for mega eth
34 lines
980 B
TypeScript
34 lines
980 B
TypeScript
import React from 'react';
|
|
|
|
import { Tooltip } from 'toolkit/chakra/tooltip';
|
|
import Utilization from 'ui/shared/Utilization/Utilization';
|
|
|
|
import { Section, Container, SectionHeader, SamplesStack, Sample } from './parts';
|
|
|
|
const TooltipShowcase = () => {
|
|
return (
|
|
<Container value="tooltip">
|
|
<Section>
|
|
<SectionHeader>Variant</SectionHeader>
|
|
<SamplesStack>
|
|
<Sample label="variant: regular">
|
|
<Tooltip content="Tooltip content">
|
|
<span>Default</span>
|
|
</Tooltip>
|
|
<Tooltip content="Tooltip content" interactive>
|
|
<Utilization value={ 0.5 }/>
|
|
</Tooltip>
|
|
</Sample>
|
|
<Sample label="variant: popover">
|
|
<Tooltip content="Tooltip content" variant="popover">
|
|
<span>Default</span>
|
|
</Tooltip>
|
|
</Sample>
|
|
</SamplesStack>
|
|
</Section>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default React.memo(TooltipShowcase);
|