React emotion - CSS class execution in emotion

0 votes
287 views
added Jul 23, 2021 in React by lcjr First Warrant Officer (9,750 points)
const listPrice = css`
  h4 {
    background: ${accentColor};
    color: #ffffff;
    border-radius: 5px;
    width: 147px;
    padding: 6px 13px;
  }
`;

<div css={listPrice}>
    <h4>{accounting.formatMoney(price, 'RM ', 0)}</h4>
</div>

 

1 Response

0 votes
responded Feb 16, 2022 by lcjr First Warrant Officer (9,750 points)
import { css, jsx } from '@emotion/react';

<div
  css={css`
    width: 300px;
    padding: 16px;
    border: 1px solid #000;
  `}
>

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...