来自您最喜爱的音乐技术公司musifox.io的Dash组件。
musicfox-dash-components的Python项目详细描述
音乐盒仪表板组件
来自您最喜爱的音乐技术公司musicfox.io的Dash组件
快速启动
拿到货:
pip install --user musicfox-dash-components
然后导入musicfox.io组件库:
>>>importmusicfox_dash_componentsasmdc
Hello
组件:mdc.Hello
这个组件使用intro.js
组件库的一个小子集狭义地实现了典型的web演练intro。
用法
>>>steps=[>>>dict(intro='my intro language',element='#selector-by-id1'),>>>dict(intro='my other intro language',element='.selector-by-class1'),>>>dict(intro='my other other intro language',element='.position-test',position='right'),#whoa...>>>]>>>mdc.Hello(steps=steps)# no HTML-5 attributes necessary as Hello will fire on page load for the given steps
ToDo
成分:mdc.ToDo
这个组件狭义地实现了一个包含五个简单部分的todo卡:aheader、atitle、asubtitle、atodo list和afooter。
Weekly todos
Groceries
Things we need to acquire from the market
- Apples
- Pears
- Blueberries
- Cereal
- ...
你明白了。:眨眼:
用法
>>>mdc.ToDo(id="my-todo-container",>>>title="Groceries",>>>subtitle="Our weekly list of items to obtain from a grocer.",>>>todos=[# a list of markdown-formatted strings>>>"Apples","Pears","Blueberries",>>>"Cereal","Kidney Beans",>>>"Tofu","Ribeye Steak",>>>"Nutella",>>>],>>>footer=f"Updated: just {pd.datetime.now()}">>>)# Sometimes, less is more.
我们用Bootstrap cards
以及React-markdown在引擎盖下。
访问他们以获取样式信息等。
所需参数
id
:组合元素的字符串idtodos
:字符串列表或字典键:值字符串:list,atodo list- todo始终可以嵌套为字典字符串键和值列表(可能还有更多字典)
可选参数
header
:todo列表的字符串headertitle
:todo列表的字符串titlesubtitle
:todo列表的字符串subtitlefooter
:todo列表的字符串footer
Twash
组件:mdc.Twash
推特,为了达什。
这个组件实现了一个嵌入的twitter时间轴。
用法
>>>mdc.Twash(>>>id='myDOMId',>>>handle="PostMalone",>>>)# full page blasting of Post Malone's Twitter