Comments (6)
this works:
<AwesomeButtonProgress
element={({children, style, className}) =>
<button style={style} className={className}
type={'submit'}>{children}</button>}>
hello
</AwesomeButtonProgress>
from react-awesome-button.
@jodinathan it breaks my hover and press events. I did it like this:
class MyAwesomeButton extends AwesomeButton {
constructor(props) {
super(props);
this.extraProps = {
type: props.buttonType,
};
}
}
<MyAwesomeButton buttonType="submit|button" />
from react-awesome-button.
A related note: I'd like to use an AwesomeButton not as submit, but can't since there's no way to override the default <button>
type.
In other words, if an AwesomeButton appears on a page with a <form>
, the button will always submit the form.
from react-awesome-button.
Awesomebuttonprogress , Is it html tag or an imported component?
from react-awesome-button.
This is an absolute killer of an issue. I really want to use this library, but i am not maintaining button hacks site wide. This should be addressed as this library is awesome, but this problem is a deal breaker. :(
The typescript version is even worse! And it loses the animation effect. :(
<AwesomeButton
type={type}
size="large"
before={props.startIcon}
disabled={props.disabled}
element={
childElement as React.ForwardRefExoticComponent<
React.RefAttributes<
HTMLAnchorElement | HTMLDivElement | HTMLButtonElement
>
>
}
>
{props.children}
</AwesomeButton>
This does indeed work, but i lose the animated button wobble. Everything else looks good, i think.
from react-awesome-button.
Ok.
This works as the element and maintains the animation.,
const NestedButton = forwardRef<HTMLButtonElement>((props, ref) => (
<button ref={ref} {...props} />
));
from react-awesome-button.
Related Issues (20)
- fakePress not working
- Tumblr button type HOT 2
- React
- AwesomeButtonShare facebook button have glitch HOT 1
- Ripple effect is not working on touch device
- AWESOME BUTTON NOT WORKING WITH IONIC HOT 1
- Error : 'Function components cannot be given refs' HOT 2
- Typeerror with nextjs HOT 2
- "key" prop error whenever Awesome Button is used. HOT 2
- ParseError
- CompileError: Begins at CSS selector undefined
- Adding keyEvent simulation to buttons.
- Button is Unclickable in Windows Touch Screen Device HOT 2
- Add option to add icon in progress button's loading and success state HOT 1
- Issue : babel transformation (syntax error) HOT 5
- Telegram button HOT 1
- UNSAFE_componenewillreceiveProps warning
- Broken for TypeScript HOT 3
- Adding different icons to AwesomeButtonSocial
- Unexpected Token in react-awesome-button\src\components\AwesomeButton\index.js (20:24)
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 react-awesome-button.