Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding className to carousel components #682

Merged

Conversation

mkalish
Copy link
Contributor

@mkalish mkalish commented Nov 14, 2017

Addresses Issue #669

  • Adds support for carousel components to accept the className prompt
  • Adds an example showing use of custom carousel tag and className

Addresses Issue 69
- Adds support for carousel components to accept the className prompt
- Adds an example showing use of custom carousel tag and className
Copy link
Member

@TheSharpieOne TheSharpieOne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, just some minor things

src/Carousel.js Outdated
@@ -190,13 +191,15 @@ Carousel.propTypes = {
// controls whether the slide animation on the Carousel works or not
slide: PropTypes.bool,
cssModule: PropTypes.object,
className: PropTypes.string,
};

Carousel.defaultProps = {
interval: 5000,
pause: 'hover',
keyboard: true,
slide: true,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't think you meant to put this here

'carousel-caption',
'd-none',
'd-md-block'
'd-md-block',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Idk if comma dangle in a function call is a thing

.custom-tag {
max-width: 100%px;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch @TheSharpieOne

@@ -76,14 +76,13 @@ class Example extends Component {

return (
<div>
<style dangerouslySetInnerHTML={{__html: `
<style>{`
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is much better than what I had... I have a few other places to change now.

@TheSharpieOne TheSharpieOne merged commit d23b28a into reactstrap:master Nov 14, 2017
@jeremy-donson
Copy link

Please excuse the uninformed question.
Will this allow me to style a carousel image?

In particular, resizing it so that the image is responsive as well?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants