Getting Started

Welcome to Tharikida UI Docs! 🎉 Here's how you can quickly set up and start using our component library to build awesome interfaces effortlessly.

Installation

First things first, install the library via npm:

npm install tharikida-ui

Setup ThemeProvider

To enable theming across your app, wrap your root component with the ThemeProvider:

import { ThemeProvider } from 'tharikida-ui';

function App() {
  return (
    <ThemeProvider>
      <Button> Hello, Tharikida UI! </Button>
    </ThemeProvider>
  );
}

export default App;

Using Components

Start using components in your app right away!

import { Button } from 'tharikida-ui';

export default function Example() {
  return (
    <div>
      <Button type="primary">Primary Button</Button>
      <Button type="secondary">Secondary Button</Button>
    </div>
  );
}

Customizing the Theme

Want to make it your own? Pass custom theme props to ThemeProvider:

<ThemeProvider 
  primaryColor="#ff5733" 
  secondaryColor="#33c1ff" 
  fontFamily="'Poppins', sans-serif"
>
  <Button type="primary">Custom Themed Button</Button>
</ThemeProvider>

Explore Components

Dive deeper into Components to discover what you can build with Tharikida UI.

Need Help?

Check out our FAQ, or connect with us on GitHub. Let’s create something tharikida together! 🚀