0.3.6 • Published 4 years ago
@luminu/components v0.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 |
0.3.6
4 years ago