Should pass-through inline styles and className attribute

[geyang]

The way this library handles styling atm is quite backwards: https://github.com/prakhar1989/react-tags#styling

A more appropriate way is to pass through inline style tag for the top component plus the className attribute.

The expected pattern to use this with style-components is as follows:

import styled from "styled-components";
import {WithContext as TagInput} from "react-tags";

const StyledTagInput = styled(TagInput)`
     display: flex;
     flex-direction: row;
`

[ad1992]

@episodeyang would you like to give a pr for this ?

[geyang]

hi Aakansha, I don’t have time at the moment. A quick look at the styled components documentation should help. It is the defacto standard for react styling nowadays.

On Wed, Jul 18, 2018 at 11:02 AM Aakansha Doshi [email protected] wrote:

@episodeyang https://github.com/episodeyang would you like to give a pr for this ?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/prakhar1989/react-tags/issues/372#issuecomment-406021676, or mute the thread https://github.com/notifications/unsubscribe-auth/AAme2saO9QIr_I1IYrRbZXg2csVdHF-Hks5uH3grgaJpZM4VTdXc .

[ad1992]

@episodeyang thank you for the suggestion to use style-components. I am a little buzy so might not be able to pick this up immediately but will try to push soon for sure.

[geyang]

Thanks!

On Sat, Jul 21, 2018 at 12:36 AM Aakansha Doshi [email protected] wrote:

@episodeyang https://github.com/episodeyang thank you for the suggestion to use style-components. I am a little buzy so might not be able to pick this up immediately but will try to push soon for sure.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/prakhar1989/react-tags/issues/372#issuecomment-406777881, or mute the thread https://github.com/notifications/unsubscribe-auth/AAme2p58kDBpi9h6EV7XRfOs8blJyfikks5uItnpgaJpZM4VTdXc .