styled-components

2熱

1答えて

私はスタイリッシュなコンポーネントをチェックアウトするのが大好きでしたが、すべてをコンポーネントに抽出するコンセプトと、特定のユースケースのスタイルを微調整する方法にちょっと悩まされました。たとえば： <Flex> <MyStyledTitle>Hello I am a Title</MyStyledTitle> <MyStyledBodyText>blah</MyStyled

2熱

2答えて

反応しているスタイルのコンポーネントと反応するネイティブナビゲーションテーマ

私は反応がネイティブなプロジェクトでstyled-componentsと働いています。アプリケーション内でナビゲーションを実行するためにreact-native-navigationを使用しています。ですから、そのような種類のアプリケーションでスタイル付きコンポーネントからテーマパターンを実装するにはどうしたらいいですか？問題は、それは私がこのような<ThemeProvider />に私のトップ

3熱

1答えて

Styled-component CSSは、SASSまたはLESSよりも優れた選択ですか？

ReactJS Boilerplateによく出てきました。スタイリングセクションは、スタイリングされたコンポーネントCSSでさらに強調されましたが、従来のCSSスタイリング手法に切り替えることは決してありませんでした。これは、Styled-Component CSSを目立たせ、なぜそれを採用する必要があるのか、私の興味を引っ張ったのですが。 Styled component CSSの私の理

1熱

2答えて

styled-components - htmlタグやbodyタグのスタイルを設定する方法は？純粋なCSSを使用した場合

は通常、私は含まれていたスタイルシートを持っている： html { height: 100%; } body { font-size: 14px; } どのように私はhtmlまたはbodyタグのスタイルを設定するのです、私のリアクトプロジェクトでstyled-componentsを使用していますか？この目的のために別のCSSファイルを保持していますか？

1熱

2答えて

JSX印刷テキスト

私は、このコンポーネントを持っている： <Button type="submit" { invalid ? 'primary': null }> このコンポーネントはコンポーネントスタイル設定さ： import styled from 'styled-components'; export const Button = styled.button` font-size: 15px

0熱

1答えて

gatsbyJSでのスタイル付きコンポーネントの使用

gatsby-plugin-styled-componentsを使用して、以下の要素のスタイルを設定しています。 import React from 'react'; import styled from 'styled-components'; const secondChar = styled.span` font-size: 3em; color: azure;

1熱

1答えて

Enzymesの浅くてスタイリッシュなコンポーネントのThemeProviderを使用してスタイル付きコンポーネントをテストするには？

酵素シャローメソッドとスタイル付きコンポーネントのThemeProviderラッパーを使用して、スタイル付きコンポーネントのテキストコンテンツをテストする方法はありますか？浅いあなたテキスト（）出力を使用して class MyComponent extends React.component { ... render(){ return ( <Style

0熱

2答えて

画像の配列が与えられていると、どのように画像をスタイル付けしてこのように見えるのですか？

http://hbnam.tumblr.com/ このウェブサイトでは、グリッド内の画像が表示されます。グリッドは完全にランダムに表示されますが、さらに検討すると、ページが自動で表示され、画像はそれぞれ15ブロックずつ表示されます。しかし、各ブロックはまだ完全に異なっています。私は画像の配列を持っていると私は array.map((element, index) => ( <div **

1熱

1答えて

スタイリッシュなコンポーネントに小道具を渡す方法

私はスタイリッシュなコンポーネントを試しています。私はそれらに小道具を渡そうとしています。 const CustomDiv = styled.div` position: absolute; top: 23px; bottom: 0; left: 0; width: 100%; ${props => props.heigth && cs

-2熱

1答えて

リアクションスタイルのコンポーネント - グラデーション

スタイル付きコンポーネントにCSSグラジエントを追加するにはどうすればよいですか？スタイルを作ら・コンポーネントで background: radial-gradient(50% 50%, circle cover, red 0, blue 100%);