Skip to main content

css

Description​

Optional. Adds a custom style to the Two State button

Usage​

css?: string;

Example​

<div class="demo-box">
  <TwoState type={'primary'} css="my">Click Me</TwoState>
</div>

<style>
  /* styling the button in the default state */
  .demo-box :global(button.my){
    background-color: gold;
    color:white;
  }

  /* styling the button in the pressed state */
  .demo-box :global(button.pressed){
    background-color: lightgrey;
    color:white;
  }
</style>

Related article: Styling a button