diff options
Diffstat (limited to 'packages/instant/src/components/ui')
-rw-r--r-- | packages/instant/src/components/ui/container.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/instant/src/components/ui/container.tsx b/packages/instant/src/components/ui/container.tsx index 8366d5748..4ebaf2af3 100644 --- a/packages/instant/src/components/ui/container.tsx +++ b/packages/instant/src/components/ui/container.tsx @@ -20,6 +20,9 @@ export interface ContainerProps { padding?: string; boxShadow?: string; borderRadius?: string; + border?: string; + borderColor?: ColorOption; + borderTop?: string; className?: string; backgroundColor?: ColorOption; } @@ -45,11 +48,14 @@ export const Container = styled(PlainContainer)` ${props => cssRuleIfExists(props, 'padding')} ${props => cssRuleIfExists(props, 'box-shadow')} ${props => cssRuleIfExists(props, 'border-radius')} + ${props => cssRuleIfExists(props, 'border')} + ${props => cssRuleIfExists(props, 'border-top')} background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')}; + border-color: ${props => (props.borderColor ? props.theme[props.borderColor] : 'none')}; `; Container.defaultProps = { - display: 'inline-block', + display: 'block', }; Container.displayName = 'Container'; |