Icon

Demos

Default

import { ButtonIcon } from 'sxa-ui'
import {
  RiArrowRightSLine,
} from '@remixicon/react'


function Demo() {
  return (
    <ButtonIcon icon={RiArrowRightSLine} />
  )
}

export default Demo

Ghost

import { ButtonIcon } from 'sxa-ui'
import {
  RiArrowRightSLine,
} from '@remixicon/react'


function Demo() {
  return (
    <ButtonIcon variant={ButtonIcon.variants.ghost} icon={RiArrowRightSLine} />
  )
}

export default Demo

Disabled

import { ButtonIcon } from 'sxa-ui'
import {
  RiArrowRightSLine,
} from '@remixicon/react'


function Demo() {
  return (
    <ButtonIcon icon={RiArrowRightSLine} disabled />
  )
}

export default Demo

Ghost (Disabled)

import { ButtonIcon } from 'sxa-ui'
import {
  RiArrowRightSLine,
} from '@remixicon/react'


function Demo() {
  return (
    <ButtonIcon variant={ButtonIcon.variants.ghost} disabled icon={RiArrowRightSLine} />
  )
}

export default Demo