diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-05-07 23:29:55 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-05-14 22:30:23 +0200 |
| commit | 401f13f7e305d60097db2334642e423c41d8897d (patch) | |
| tree | c0f5ebbb5f60c8f231709fa7265c838c7b47f93b /src/ui/c-button/c-button.theme.ts | |
| parent | edae4c6915efc83997ccbad3299251209ca2bebc (diff) | |
| download | it-tools-401f13f7e305d60097db2334642e423c41d8897d.tar.gz it-tools-401f13f7e305d60097db2334642e423c41d8897d.tar.zst it-tools-401f13f7e305d60097db2334642e423c41d8897d.zip | |
ui-lib(button): size variants
Diffstat (limited to 'src/ui/c-button/c-button.theme.ts')
| -rw-r--r-- | src/ui/c-button/c-button.theme.ts | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/ui/c-button/c-button.theme.ts b/src/ui/c-button/c-button.theme.ts index 87ad89f..e96ac56 100644 --- a/src/ui/c-button/c-button.theme.ts +++ b/src/ui/c-button/c-button.theme.ts @@ -27,6 +27,21 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => { const theme = appThemes[style]; return { + size: { + small: { + width: '28px', + fontSize: '12px', + }, + medium: { + width: '34px', + fontSize: '14px', + }, + large: { + width: '40px', + fontSize: '16px', + }, + }, + basic: { default: createState({ textColor: theme.text.baseColor, |