arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 07:50:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(RadioGroup): handle horizontal orientation (#74)

Browse Source
This commit is contained in:
Silver343
2024-04-22 13:14:51 +01:00
committed by GitHub
parent e1ab903109
commit 814437255e
6 changed files with 136 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/theme/radio-group.ts
View File

@@ -1,7 +1,7 @@
export default (config: { colors: string[] }) => ({
slots: {
root: 'relative',
fieldset: 'flex flex-col',
fieldset: 'flex',
legend: 'mb-1 block font-medium text-gray-700 dark:text-gray-200',
option: 'flex items-start',
base: 'rounded-full ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-white dark:focus-visible:outline-offset-gray-900',
@@ -16,6 +16,15 @@ export default (config: { colors: string[] }) => ({
base: `focus-visible:outline-${color}-500 dark:focus-visible:outline-${color}-400`,
indicator: `bg-${color}-500 dark:bg-${color}-400`
}])),
orientation: {
horizontal: {
fieldset: 'flex-row',
wrapper: 'me-2'
},
vertical: {
fieldset: 'flex-col'
}
},
size: {
xs: {
fieldset: 'gap-0.5',