5.1.5 • Published 4 years ago
@styled-system/variant v5.1.5
@styled-system/variant
Read the docs: https://styled-system.com/variants
Usage
import styled from 'styled-components'
import variant from '@styled-system/variant'
const Button = styled('button')(
variant({
variants: {
primary: {
color: 'white',
bg: 'primary',
':hover': {
bg: 'black',
}
},
secondary: {
color: 'white',
bg: 'secondary',
':hover': {
bg: 'black',
}
},
}
})
)
// <Button variant='primary' />
// <Button variant='secondary' />
Options
variants
: object of theme-aware variant styles with user-defined shapeprop
: (defaultvariant
) custom prop name for variantscale
: optional theme key for adding variants to the theme object
MIT License
5.1.5
4 years ago
5.1.4
4 years ago
5.1.2
5 years ago
5.1.1
5 years ago
5.1.0
5 years ago
5.0.21
5 years ago
5.0.18
5 years ago
5.0.16
5 years ago
5.0.15
5 years ago
5.0.12
5 years ago
5.0.5
5 years ago
5.0.4
5 years ago
5.0.3
5 years ago
5.0.2
5 years ago
5.0.1
5 years ago
5.0.0
5 years ago
5.0.0-12
5 years ago
5.0.0-11
5 years ago
5.0.0-7
5 years ago
5.0.0-alpha.0
5 years ago
5.0.0-5
5 years ago
5.0.0-3
5 years ago
5.0.0-2
5 years ago
5.0.0-1
5 years ago
5.0.0-0
5 years ago