FC UI Library

A common design library that you can directly import into your project. This library provides reusable components to make development faster and more consistent across projects.

Components

Button

The Button component provides a consistent, reusable implementation for buttons with predefined styles. It supports three types: primary, secondary, and disabled.

Usage

1. Import the Button Module
   First, import the ButtonModule into your Angular project:

   import { FcUiLibraryModule } from 'fc-ui-library';
   
   @NgModule({
     imports: [FcUiLibraryModule],
   })
   export class AppModule {}
   

2. Add the button to your template Use the fc-button directive in your HTML template:

<fc-button type="primary">Primary Button</fc-button>
<fc-button type="secondary">Secondary Button</fc-button>
<fc-button type="primary" [disabled]="true">Disabled Button</fc-button>

Inputs:

• type: The type of the button. Can be primary, secondary [string]
• disabled: Whether the button is disabled or not [boolean]