4.1.0 • Published 5 years ago
@ds-kit/logo v4.1.0
title: "Logo" slug: "/packages/logo" category: "image" componentNames:
- "Logo"
Logo
Use the logo component to render an SVG version of the Datastory logo.
import Logo from "@ds-kit/logo"
Basic example
Without any custom properties the logo component will render the datastory logo in datastory blurble
.
<Logo />
Custom size
The standard size for the logo is 2.5rem
, or 40px. You can set a manual size for the logo if necessary using the size
prop.
<>
<Logo size="10rem" />
<Logo size="5rem" />
<Logo size="2.5rem" />
</>
Custom colors
You can specify custom colors for the badge (bg
), and for the "d" (color
).
<>
<Logo bg="green.400" />
<Logo outlined color="primary" />
</>
Custom text
To brand
<>
<Logo text="Skolkartan" />
<Logo text="Skolkartan" textColor="grey.100" />
<Logo text="Skolkartan" size="6rem" />
</>
4.1.0
5 years ago
4.0.0
5 years ago
3.0.0
5 years ago
2.0.0
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.12
5 years ago
0.2.11
6 years ago
0.2.10
6 years ago
0.2.9
6 years ago
0.2.8
6 years ago
0.2.7
6 years ago
0.2.6
6 years ago
0.2.5
6 years ago
0.2.4
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.0
6 years ago