snehilvj / dmc-docs Goto Github PK
View Code? Open in Web Editor NEWDocumentation for Dash Mantine Components library.
Home Page: https://github.com/snehilvj/dash-mantine-components
License: MIT License
Documentation for Dash Mantine Components library.
Home Page: https://github.com/snehilvj/dash-mantine-components
License: MIT License
Just pulled the main branch and ran the application locally, and there seems to be differences vs the deployed version.
For example when you resize the browser the side nav bar and table of contents nav does not disapear like on the deployed version (perhaps a lack of media queries), there also seems to be over 200 "id not found in layout" callback errors.
I ran the app with the following commands, and I tested using Google Chrome on Linux.
EDIT
I ran it with debug=False, and everything worked as normal, I'm a bit confused, does it load the assets directory only when not in debug mode, some sort of dash black box magic?
poetry install
poetry shell
python3 run.py
Perhaps there is something I am missing (I am new to Dash), maybe the current main
branch is old? I don't see anyother branches or tags Any guidence would be appreciated.
By the way, dmc is a fantastic library, and your're design for the dmc-docs
app is amazing. Thanks for all your hard work.
Hey @snehilvj
It looks like Tooltip example is crashing the browser. When I run it locally, I see this error, then the browser restarts:
Uncaught Error: flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering.
ScrollArea is available in the core components but there is no documentation page.
I haven't dug into the docs code to see if there's a quick fix, but for now just wanted to raise the issue. Comparison below between Mantine and Dash Mantine below:
flex-start
and stretch
flex-start
and stretch
https://github.com/snehilvj/dmc-docs/blob/main/docs/grid/justify.py#L26
demo = dmc.Grid(
children=[
dmc.Col(html.Div("1", style=style), span=3),
dmc.Col(html.Div("2", style={**style, "minHeight": 80}), span=3),
dmc.Col(html.Div("3", style={**style, "minHeight": 120}), span=3),
],
gutter="md",
)
Copied from issue on main repo.
I think it looks very nice! I was just about to ask for a link to code and/or a live app to get a better sense of the feel of the docs, but you beat me to it ;). The immediate things that strikes me as no-so-nice are,
Hello,
I'd like to express my appreciation for your Project.
Is it possible to use dcc.Store to retain data?
I tried modifying the MultiSelect component from the documentation, but I was unable to retain the data.
Please feel free to add to the list. Or better yet, open a pull request to address any of the items listed below. This is a great way to contribute to the dash-mantine-components
library. Please let me know if you would like any help getting started. ๐
โก๏ธ Current alpha release is dash-mantine-components==0.13.0a3
โก๏ธ WIP docs hosted at: https://dmc-docs-pr-35.onrender.com/
Migration guide - See the changelog for Mantine V6 and notes about breadking changes from PR 36 and 37
Update the DatePicker examples after the bug fixes noted in PR #37
Add example of a light-dark switch like the dmc-docs
Make sure all components have a Styles API section
Check the Mantine 6 docs and add missing content to each component
sx
prop is available on all components "/pin-input"
or "/date-picker"
transitionProps
dict in all components..md
files it's not possible to display quotes in inline code snippets. For example, this doesn't work: type="numeric"
it displays as type="numeric"
Along with the props mentioned below, these dmc components also Mantine style props such as m, mx, my, p, etc. Click here for more information.
link for missing pages points to dash-mantine-components repository instead of dmc-docs
I love your module. nice work!
I have a basic usage here:
layout = dmc.NavLink(
label='test link',
id='test-navlink'
)
@callback(
Output('test-navlink', 'active'),
Input('test-navlink', 'n_clicks'),
prevent_initial_call=True
)
def func(n_clicks):
if n_clicks:
return True
return False
However, it seems that the callback is never trigerred, even with print statements in the callback.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.