2.7.7 • Published 11 months ago
target-tech-timelines v2.7.7
React Timelines
Install
# with npm
npm install target-tech-timelines
# or with Yarn
yarn add target-tech-timelinesUse
import Timeline from 'target-tech-timelines'
const MyWidget = () => <Timeline {...props} />
export default MyWidgetStyling
Using Webpack
Using Webpack with CSS loader, add the following:
import 'target-tech-timelines/lib/css/style.css'Using Sass (SCSS)
Using Sass you can configure the timeline with variables:
$target-tech-timelines-font-family: MaryAnn;
$target-tech-timelines-sidebar-width: 320px;
@import '~/target-tech-timelines/src/scss/style';Without build tools
Create a CSS file with the contents of target-tech-timelines/lib/css/style.css and include it in <head>
Development
npm install
npm run watchThis library is developed using VSCode - opening it in VSCode will recommend extensions, and enable linting and auto-formatting of code.