来自您最喜爱的音乐技术公司musifox.io的Dash组件。

musicfox-dash-components的Python项目详细描述


音乐盒仪表板组件

来自您最喜爱的音乐技术公司musicfox.io的Dash组件

快速启动

拿到货:

pip install --user musicfox-dash-components

然后导入musicfox.io组件库:

>>>importmusicfox_dash_componentsasmdc

Hello组件:mdc.Hello

musicfox.io Hello component GIF demo

这个组件使用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

musicfox.io ToDo component static PNG demo

这个组件狭义地实现了一个包含五个简单部分的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:组合元素的字符串id
  • todos:字符串列表或字典键:值字符串:list,atodo list
    • todo始终可以嵌套为字典字符串键和值列表(可能还有更多字典)

可选参数

  • header:todo列表的字符串header
  • title:todo列表的字符串title
  • subtitle:todo列表的字符串subtitle
  • footer:todo列表的字符串footer

Twash组件:mdc.Twash

推特,为了达什。

musicfox.io Twash component static PNG demo

这个组件实现了一个嵌入的twitter时间轴。

用法
>>>mdc.Twash(>>>id='myDOMId',>>>handle="PostMalone",>>>)# full page blasting of Post Malone's Twitter

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
java什么会导致程序在它似乎拥有的监视器上被阻止?   java Android studio设置视图的背景色   java我可以保存一个文本文件而不给用户修改它的能力吗?   pdfbox PDFBOX2。0:java堆堆栈错误   java是维护和操作AllowList的有效方法   JAVAsql。SQLException:找不到适合jdbc的驱动程序:mysql://localhost:3306/asd性爱   如何使用java。lang.NullPointerException:void 安卓。支持v7。应用程序。ActionBar。setElevation(float)“”在空对象引用上'   java调试空指针异常   java正则表达式,以按令牌的特定匹配项拆分,同时忽略其他匹配项   java为JPanel设置边框上的笔划   并发@Schedule方法的java行为   如何在Java中使用泛型与语言运算符和泛型类扩展数   java Rhino Javascript如何为异常堆栈跟踪标记字符串源   运行可执行jar时发生java错误,无法找到或加载主类