Component Library Development Tutorials, Guides & Insights

With Flowbite installed and configured, you can now incorporate its components into your HTML files. Flowbite offers a variety of components such as buttons, modals, navbars, and more.

Inside the src directory, create an index.html file:

Next, add some basic styles for your button:

/* src/components/Button.css */
.btn {
    font-size: 1rem;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.btn--primary {
    background-color: #007bff;
    color: white;
}

.btn--secondary {
    background-color: #6c757d;
    color: white;
}