How to use the @paprika/button.Close function in @paprika/button
To help you get started, we’ve selected a few @paprika/button 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.
acl-services / paprika / packages / Toast / src / Toast.styles.js View on Github 
max-width: 675px;
position: fixed;
top: ${stylers.spacer(2)};
transform: translateX(-50%);
width: calc(100% - #{${stylers.spacer(4)}});
`;
const iconColors = {
[Kinds.SUCCESS]: tokens.color.green,
[Kinds.WARNING]: tokens.color.yellowDarken10,
[Kinds.ERROR]: tokens.color.orange,
[Kinds.INFO]: tokens.color.blue,
[Kinds.LOCKED]: tokens.color.yellowDarken10,
};
export const CloseButtonStyled = styled(Button.Close)`
flex-grow: 0;
flex-shrink: 0;
margin-left: ${tokens.space};
min-height: 0;
${({ kind }) => closeButtonColors[kind] && `color: ${closeButtonColors[kind]};`}
`;
export const IconStyled = styled.div`
color: ${({ kind }) => iconColors[kind]};
flex-grow: 0;
flex-shrink: 0;
padding-right: ${tokens.space};
padding-top: 1px;
${stylers.fontSize(2)}@paprika/button
Button component, for performing an action on the page you’re viewing.
