Tes styleguide

This is the Panel component

Package version

npm i module-tsl-ui-panel --save

3.0.4

imports

import { Panel } from 'module-tsl-ui-panel';

@import '~module-tsl-ui-panel/panel';

example (editable)

This is a promo

Our smartMatch team can source high-quality candidates for you. It is free to access and you only pay a maximum of £2,500 if you appoint the teacher we introduce to you.

<Panel className="tds-panel-example">
  <div className="tds-panel__wrapper">
    <h3 className="heading heading--xl heading--bold margin-top-bottom-sm">This is a promo</h3>
    <p className="margin-bottom-md">
      Our smartMatch team can source high-quality candidates for you. It is free to access and you only pay a
      maximum of £2,500 if you appoint the teacher we introduce to you.
    </p>
    <Button theme="primary-dark" type="button">Get in touch</Button>
  </div>
</Panel>

Props

We couldn't detect props! Check if __docgenInfo is correctly defined

storybook

View Panel storybook stories