npm package: @luminu/components
Description: ## Setup
Latest version: 0.3.6

# @luminu/components

## Setup

- npm run serve

## Deployment

- npm login --scope=@luminu --registry=http://repo.luminu.net/repository/luminu-node/
- npm run build
- npm publish

## Documentation

### Button

#### Props

| Name     | required/default | type    | description                             |
| :------- | :--------------- | :------ | :-------------------------------------- |
| text     | true             | String  | Sets the button's text                  |
| size     | false / normal   | String  | Sets the button's size (small, big)     |
| type     | false / normal   | String  | Sets the button's type (success, error) |
| disabled | false / false    | Boolean | Sets the button's disabled state        |

### Seperator

#### Props

| Name    | required/default | type   | description                             |
| :------ | :--------------- | :----- | :-------------------------------------- |
| mtop    | false / 5        | Number | Sets the top margin of the seperator    |
| mbottom | false / 5        | Number | Sets the bottom margin of the seperator |

### Notification

#### Props

| Name     | required/default | type   | description                                                                 |
| :------- | :--------------- | :----- | :-------------------------------------------------------------------------- |
| message  | true             | String | Sets the message that will be displayed                                     |
| activity | false / 0        | Number | Sets it's activity state (Increment to activate/set to negative to disable) |
| timeout  | false / 2500     | Number | Sets the timeout when it should fade out again                              |
| fontSize | false / 24       | Number | Sets the font size for the notification message                             |

### Card

#### Props

| Name      | required/default | type    | description                   |
| :-------- | :--------------- | :------ | :---------------------------- |
| highlight | false / false    | Boolean | Marks the card as highlighted |

### Loader

#### Props

| Name          | required/default | type    | description                                                                   |
| :------------ | :--------------- | :------ | :---------------------------------------------------------------------------- |
| mtop          | false / 0        | Number  | Sets the top margin of the loader                                             |
| mbottom       | false / 0        | Number  | Sets the bottom margin of the loader                                          |
| justifyCenter | false / false    | Boolean | Declares whether the loader should be aligned to the horizontal middle or not |
| size          | false / 24       | Number  | Sets the size of the loader                                                   |

### Alert

#### Published Events

| Name              | data   | type                                                   |
| :---------------- | :----- | :----------------------------------------------------- |
| LM_ALERT_RESPONSE | status | { isSuccess: boolean, message: string, title: string } |

### StickyHeader

#### Props

| Name              | required/default       | type         | description                                                        |
| :---------------- | :--------------------- | :----------- | :----------------------------------------------------------------- |
| links             | true                   | Array(TLink) | Sets the displayed links                                           |
| active            | false / -1             | Number       | Sets which dropdown is pressed                                     |
| type              | false / 'defaultLogin' | String       | Sets the login type                                                |
| username          | false / ""             | String       | Sets the displayed username                                        |
| userId            | false / -1             | Number       | Sets the user id                                                   |
| hasAvatar         | false / false          | Boolean      | If a user has an avatar his personal avatar will be displayed      |
| notLoggedInAction | false / {}             | Any          | Sets login action (View integration test for implementation)       |
| dropdownItems     | false / []             | Array        | Sets the dropdown items (View integration test for implementation) |

### Footer

#### Props

| Name     | required/default | type             | description                          |
| :------- | :--------------- | :--------------- | :----------------------------------- |
| partners | true             | Array(TPartners) | Sets the actively displayed partners |

### Tabs

#### Props

| Name   | required/default | type          | description                         |
| :----- | :--------------- | :------------ | :---------------------------------- |
| tabs   | true             | Array(string) | Sets the name of the displayed tabs |
| active | false / 0        | number        | Sets the currently active tab       |

#### Published Events

| Name           | data  | type   |
| :------------- | :---- | :----- |
| LM_CHANGED_TAB | index | number |