quasar/dist/api/QTimelineEntry.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/timeline"},"props":{"heading":{"type":"Boolean","desc":"Defines a heading timeline item","category":"content"},"tag":{"type":"String","desc":"Tag to use, if of type 'heading' only","category":"content","default":"'h3'","examples":["'h1'"],"required":false},"side":{"type":"String","desc":"Side to place the timeline entry; Works only if QTimeline layout is loose.","default":"'right'","values":["'left'","'right'"],"category":"behavior","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image; Icon takes precedence if used, so it replaces avatar","transformAssetUrls":true,"examples":["# (public folder) src=\"img/my-bg.png\"","# (assets folder) src=\"~assets/my-img.png\"","# (relative path format) :src=\"require('./my_img.jpg')\"","# (URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"title":{"type":"String","desc":"Title of timeline entry; Is overridden if using 'title' slot","examples":["'December party'"],"category":"content"},"subtitle":{"type":"String","desc":"Subtitle of timeline entry; Is overridden if using 'subtitle' slot","examples":["'All invited'"],"category":"content"},"body":{"type":"String","desc":"Body content of timeline entry; Use this prop or the default slot","examples":["'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'"],"category":"content"}},"slots":{"default":{"desc":"Timeline entry content (body)"},"title":{"desc":"Optional slot for title; When used, it overrides 'title' prop"},"subtitle":{"desc":"Optional slot for subtitle; When used, it overrides 'subtitle' prop"}}}