0.0.27 • Published 1 year ago
3dsignals-design-system v0.0.27
3dSignals Design System
Check out our storybook for live demos and docs.
Installation and usage
yarn add 3dsignals-design-system
Then use it in your app:
import {
useClickOutside,
Theme,
Anchor,
Button,
Card,
Chip,
Icon,
Text,
Toggle,
Tooltip,
MetricCard,
MetricCardInfo,
MetricCardStack,
MetricCardRow,
ChartCardHeader,
Checkbox,
Radio,
Dropdown,
DropdownItem
} from "3dsignals-design-system";
const {
colors,
typography,
breakPoints,
spacing,
shadows,
focusOutline
} = Theme;
const App = (props) => {
// use components normally in your app, and Theme for layouts, fonts, colors etc.
// Check out the docs for each component props and more info.
const style = {
background: colors.grey200,
padding: spacing[2].desktop,
boxShadow: shadows[1],
};
return (
<div style={style}>
<Card>
<Text>
Lorem ipsum dolor sit amet, consectetur adipisicing elit...
<Tooltip>
<Icon/>
</Tooltip>
</Text>
</Card>
</div>
);
};
0.0.27
1 year ago
0.0.26
1 year ago
0.0.23
1 year ago
0.0.24
1 year ago
0.0.25
1 year ago
0.0.11-d
2 years ago
0.0.11-c
2 years ago
0.0.11-f
2 years ago
0.0.11-e
2 years ago
0.0.11-h
2 years ago
0.0.11-g
2 years ago
0.0.19-a
2 years ago
0.0.11-j
2 years ago
0.0.19-b
2 years ago
0.0.11-i
2 years ago
0.0.19-c
2 years ago
0.0.11-l
2 years ago
0.0.19-d
2 years ago
0.0.11-k
2 years ago
0.0.19-e
2 years ago
0.0.11-n
2 years ago
0.0.19-f
2 years ago
0.0.11-m
2 years ago
0.0.19-g
2 years ago
0.0.11-p
2 years ago
0.0.19-h
2 years ago
0.0.21
1 year ago
0.0.22
1 year ago
0.0.12-a
2 years ago
0.0.12-c
2 years ago
0.0.12-b
2 years ago
0.0.12-e
2 years ago
0.0.12-d
2 years ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.19-i
1 year ago
0.0.11-r
2 years ago
0.0.11-q
2 years ago
0.0.11-t
2 years ago
0.0.11-s
2 years ago
0.0.12
2 years ago
0.0.11-u
2 years ago
0.0.11-b
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago