Components

Reusable representational Vue components

Available Components

Buttons: Play Button, Chapter, Stepper
Card
Channels (Social Media Channels)
Icons
Image (Lazy Loading Fade enabled)
Inputs: Groups, Text, Slider, Select
Tabs: Header and Body
Tooltip
Timers

Getting Started

Development

Bootstrap the components package: lerna bootstrap --hoist
Run the development mode: npm run dev
Open your browser on http://localhost:6000 to get started

Building

Make sure that the dependencies are up to date: lerna bootstrap --hoist
Run the build step: npm run build

Development Philosophy

Components are meant to be used from different applications. They stick to the following principles:

Are concerned with how things look
Have no dependencies on the application state
Don’t specify how the data is loaded or mutated
Receive data via props, send data/actions via events
Rarely have their own state (when they do, it’s UI state rather than data)