0.15.0 • Published 10 days ago
@synerise/ds-typography v0.15.0
id: typography
title: Typography
Synerise Design System - Typography
This module provides few helpers and components to work with typograpy.
Examples
Styled components header macro usage
import { macro } from '@synerise/ds-typography';
export const HeaderH1 = styled.div`
color: #000;
${macro.h700};
`;
Styled components color palette usage
export const Color = styled.div`
color: ${({ theme }) => theme.palette['red-600']};
`;
Ant Design components usage
import {Title, Text, Paragraph} from '@synerise/ds-typography';
<Title level={1}>This is h1 element</Title>;
<Title level={2}>This is h2 element</Title>;
<Title level={3}>This is h3 element</Title>;
<Title level={4}>This is h4 element</Title>;
<Title level={5}>This is h5 element</Title>;
<Title level={6}>This is h6 element</Title>;
<Title level={7}>This is h6 element</Title>;
<Text size="medium">This is span element with standard font-size</Text>
<Text size="small">This is span element with smaller font-size</Text>
<Text size="xsmall">This is span element with smallest font-size</Text>
<Paragraph size="medium">This is span element with standard font-size</Paragraph>
<Paragraph size="small">This is span element with smaller font-size</Paragraph>
<Paragraph size="xsmall">This is span element with smallest font-size</Paragraph>
0.15.0
10 days ago
0.14.3
3 months ago
0.14.2
4 months ago
0.14.1
5 months ago
0.14.0
5 months ago
0.13.0
8 months ago
0.13.1
7 months ago
0.13.2
7 months ago
0.13.3
6 months ago
0.12.10
8 months ago
0.12.9
8 months ago
0.12.8
11 months ago
0.12.7
2 years ago
0.12.5
2 years ago
0.12.6
2 years ago
0.12.0
3 years ago
0.12.1
3 years ago
0.12.2
2 years ago
0.11.10
3 years ago
0.11.9
3 years ago
0.11.8
3 years ago
0.11.7
3 years ago
0.11.6
3 years ago
0.11.5
3 years ago
0.11.3
3 years ago
0.11.1
3 years ago
0.11.0
3 years ago
0.10.3
3 years ago
0.10.2
3 years ago
0.10.1
3 years ago
0.10.0
3 years ago
0.9.5
3 years ago
0.9.4
4 years ago
0.9.3
4 years ago
0.9.2
4 years ago
0.9.1
4 years ago
0.9.0
4 years ago
0.8.3
4 years ago
0.8.1
4 years ago
0.8.2
4 years ago
0.8.0
4 years ago
0.7.0
4 years ago
0.6.1
4 years ago
0.6.0
4 years ago
0.5.5
4 years ago
0.5.4
5 years ago
0.5.3
5 years ago
0.5.2
5 years ago
0.5.1
5 years ago
0.5.0
5 years ago
0.4.0
5 years ago
0.3.0
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago