Comments (2)
Cool, it worked :) Thank you for your fast help...
Saved me some hours :) have a nice weekend.
from scale.
Thank you @tommy-codez for your question and your kind words.
For opening you need to set the opened
attribute to true
. e.g.:
const [isOpen, setIsOpen] = useState(false)
/* ... */
<ScaleModal opened={isOpen} />
If the modal is closed from within itself (with the X on the top right corner), you can listen for the scaleClose
event (I believe it's onScaleClose={...}
in JSX) so you can set reset your state (e.g. isOpen
) to false
.
We will try and improve the documentation in this regard.
Let me know if this helps.
Also, there is room for improvement in the logic, like for instance, adding an event previous to scaleClose
that would prevent the modal from closing if event.preventDefault()
ed.
from scale.
Related Issues (20)
- [Tab Navigation]: Programatically enabling tab does not work HOT 6
- Scale-Table: sorting indicator not added when adding new column
- Problems with the Installation of telekom-scale with angular HOT 9
- Text Field inner colors remain inverted after autofill HOT 1
- NextJS with 'use client', StaticSiteGeneration and output: export HOT 1
- Error in icon navigation after scale update HOT 1
- customizable link cells in data grids
- Error in light mode HOT 3
- Less unique files for Standalone-UMD builds HOT 2
- Header misses burger menu HOT 5
- Stacking modal dialog cause problem with scroll page HOT 7
- Scale Telekom Header doesn't close when not hovering above it anymore HOT 1
- scale-dropdown-select throws JS error if name attribute contains dot symbol. HOT 3
- [Tab Navigation] Programmatically select tabs
- @types/react mismatch
- ScaleDropdownSelect does not close when clicking on another one HOT 1
- scale-text-field not focus when invalid
- Tooltip placement is not correct
- Test automation limitations related to data-qa and hydrated classes
- Data Grid's Select Cell not reacting to "scaleEdit"-Event HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scale.