Button

Button with loading state

1import { Button } from '@hummingbot/hbui/components/buttons'
2
3<Button
4  variant='secondary'
5  loading={true}
6  label="Loading..."
7/>

Button with dark-mode ready icon (before)

1import { Button } from '@hummingbot/hbui/components/buttons'
2import Play from '@hummingbot/hbui/svgs/16x16/Play'
3
4<Button
5  label="Button"
6  iconBefore={<Play tw='fill-current />}
7/>

Button with dark-mode ready icon (after)

1import { Button } from '@hummingbot/hbui/components/buttons'
2import Play from '@hummingbot/hbui/svgs/16x16/Play'
3
4<Button
5  variant='secondary'
6  label="Button"
7  iconAfter={<Play tw='fill-current />}
8/>

Button with dark-mode ready icon (before and after)

1import { Button } from '@hummingbot/hbui/components/buttons'
2import Play from '@hummingbot/hbui/svgs/16x16/Play'
3import MenuDropdown from '@hummingbot/hbui/components/menudropdown'
4
5<Button
6  variant='secondary'
7  label="Button"
8  iconBefore={<Play tw='fill-current />}
9  iconAfter={<MenuDropdown />}
10/>

Button with "success" variant and custom icon color

1import { Button } from '@hummingbot/hbui/components/buttons'
2import { DummyIcon } from '@hummingbot/hbui/svgs/16x16/DummyIcon'
3
4<Button
5  variant='success'
6  label="Button"
7  iconBefore={<DummyIcon />}
8  iconColor="white"
9/>