如何在 Svelte 中圆形按钮 Material UI

Question

我需要一个使用 sveltemateriaui 的圆形按钮。 https://sveltematerialui.com/demo/button but trying to get it using plain css I've got it this: https://svelte.dev/repl/8cc5be4c6b1245e88aa9a12c7fc550dc?version=3.37.0 没有类似的例子不是圆，是椭圆

我得到的唯一方法是将宽度和高度设置为大于 50 像素，但在这种情况下，按钮太大了。

如何获得一个带有关闭图标的圆形按钮，垂直和水平居中？

Answer 1

我认为您要查找的是浮动操作按钮：

<Fab variant="raised">
    <Icon class="material-icons">close</Icon>
</Fab>

<script>
  import Fab, { Icon } from '@smui/fab';
</script>

How to round button in Svelte Material UI