How to use the astroturf.styled function in astroturf
To help you get started, we’ve selected a few astroturf examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
4Catalyzer / astroturf / test / __file_snapshots__ / loader__with-props.js View on Github 
import { styled } from "astroturf";
const RedPasswordInput = /*#__PURE__*/ styled("input", null, {
displayName: "RedPasswordInput",
styles: require("./with-props-RedPasswordInput.css"),
attrs: props => ({ ...props, type: "password" }),
vars: []
});
const RedPasswordInput2 = /*#__PURE__*/ styled("input", null, {
displayName: "RedPasswordInput2",
styles: require("./with-props-RedPasswordInput2.css"),
attrs: p => ({
type: "password"
}),
vars: []
});import { styled } from 'astroturf';
const RedPasswordInput = styled('input').attrs({ type: 'password' })`
background-color: red;
`;
const RedPasswordInput2 = styled('input').attrs(p => ({
type: 'password',
}))`
background-color: red;
`;import { styled } from 'astroturf';
const ButtonBase = styled('button')`
@import '~./styles/mixins.scss';
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
`;import { styled } from 'astroturf';
const RedPasswordInput = styled('input').attrs({ type: 'password' })`
background-color: red;
`;
const RedPasswordInput2 = styled('input').attrs(p => ({
type: 'password',
}))`
background-color: red;
`;import { styled } from "astroturf";
const RedPasswordInput = /*#__PURE__*/ styled("input", null, {
displayName: "RedPasswordInput",
styles: require("./with-props-RedPasswordInput.css"),
attrs: props => ({ ...props, type: "password" }),
vars: []
});
const RedPasswordInput2 = /*#__PURE__*/ styled("input", null, {
displayName: "RedPasswordInput2",
styles: require("./with-props-RedPasswordInput2.css"),
attrs: p => ({
type: "password"
}),
vars: []
});astroturf
Extract and process inline CSS literals in JavaScript files
