mirror of
https://github.com/appwrite/console.git
synced 2026-06-06 19:27:48 +00:00
Arman
21 lines
522 B
Svelte
21 lines
522 B
Svelte
<script lang="ts">
|
|
export let radius: keyof typeof radiuses = 'small';
|
|
export let padding = 24;
|
|
let classes = '';
|
|
export { classes as class };
|
|
|
|
enum radiuses {
|
|
xsmall = '--border-radius-xsmall',
|
|
small = '--border-radius-small',
|
|
medium = '--border-radius-medium',
|
|
large = '--border-radius-large'
|
|
}
|
|
</script>
|
|
|
|
<div
|
|
class="box {classes}"
|
|
style:--box-border-radius={`var(${radiuses[radius]})`}
|
|
style:--box-padding={`${padding / 16}rem`}>
|
|
<slot />
|
|
</div>
|