The Core package
Core has a simple task:
Give access to the the most basic/elemetary components/functions you can freely use (like, Box and Text) that are connected to the token system.
React Component
<CirrusTheme>
Simple wrapper around emotion's theme provider.
import React from 'react';
import { CirrusTheme } from '@lightspeed/cirrus-core';
import Button from '@lightspeed/cirrus/Button';
const MyApp = () =>
<CirrusTheme>
<div>
<Button>My Button</Button>
</div>
</CirrusTheme>;
export default MyApp;
<CirrusText>
Simple component to output the fonts we use throughout cirrus.
Add this component to the <head /> of your application.
import React from 'react';
import { CirrusText } from '@lightspeed/cirrus-core';
const MyApp = () =>
<html>
<head>
<CirrusText />
</head>
<body>
<div>Hello World</div>
</body>
</html>;
export default MyApp;