UI components, colors, fonts and style for Albatrosses
- Components
- Color
- Fonts
- Reset CSS
npm install @albatrosses/ah-kite
Import @albatrosses/ah-kite
and @albatrosses/ah-kite/styles/index.css
in your root component
import { Language } from "@albatrosses/ah-kite";
const App: React.FC = () => {
return (
<Language languages={languages}>
<AhKite>
<App />
</AhKite>
</Language>
);
};
Then you can use theme in your scss
export const ChatWrapper = styled.div`
background-color: ${paletteHelper(PaletteToken.ColorActive)};
${typographyHelp(TypographyToken.Content)};
${contourHelp(ContourToken.Primary)};
${radiusHelp(RadiusToken.Large)};
`;