1.4.0 • Published 3 years ago
@dotkomonline/yacl v1.4.0
YACL (Yet Another Component Library)
Yet Another Component Library is a React library used by Online, a student organization for informatics students. YACL is built on top of Chakra-UI, which provides great accessibility features and styling options for rapid developement:
YACL usage
Install the library with
yarn add @dotkomonline/yacl
# or
npm install @dotkomonline/yacl
In your entry file, for example index.tsx og _app.tsx, use the provider.
# index.tsx
import { OnlineTheme, ThemeProvider } from "@dotkomonline/yacl";
ReactDOM.render(
<React.StrictMode>
<ThemeProvider theme={OnlineTheme} resetCSS>
<App />
</ThemeProvider>
</React.StrictMode>,
document.getElementById("root")
);
After that you can use any component.
# MyComponent.tsx
import React from 'react'
import { Button } from '@dotkomonline/yacl'
const MyComponent = () => <Button colorScheme="blue">Foobar</Button>
Developement
Start by installing dependencies with npm install
and then start the project with npm start
.