0.0.15 • Published 1 year ago

@kalees64/vk-theme v0.0.15

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

Angular Theme using Tailwind

A collection of reusable, styled components built with Angular, showcased using Storybook for efficient UI development and testing. Visit the online Storybook for a live preview of all components.

Project Overview

This project serves as a UI component library for Angular applications, leveraging Storybook to provide an interactive development environment. Each component is designed to be customizable, testable, and ready for production use.

Installation

Install VK-THEME with cdn and npm files

  ng add @kalees64/vk-theme

Install my-project with npm

  npm i @kalees64/vk-theme

Copy the css file path and paste it to your style.css file

@import url("https://kalees64.github.io/vk-cdn/vk-cdn.css");

Tutorial

Watch the video

Usage/Examples

After installation, you can import and use the components directly in your Angular applications. Refer to each component's Storybook documentation for usage details and available props.

app.component.ts

import { VkButtonComponent } from '@kalees64/vk-theme';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ VkButtonComponent, CommonModule],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
})

app.component.html

<vk-button>Button</vk-button>

Documentation

Read the below documentation for more knowledge about the components.

Storybook

Available Components

  • Button
  • Button Gradient
  • Badge
  • Card
  • Card Title
  • Card Text
  • Headings h1 , h2, h3, h4, h5, h6
  • Alert
  • Alert Box
  • Forn Input
  • Form Label
  • Link
  • Sidebar Link
  • Card with actions
  • Card with hidden actions
  • Card Widget
  • Sidebar
  • Header
  • Accordion
  • Breadcrumb
  • Modal
  • Dropdown
  • Offcanvas
  • Tabs
0.0.15

1 year ago

0.0.14

1 year ago

0.0.13

1 year ago

0.0.12

1 year ago

0.0.11

1 year ago

0.0.10

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago