chore(Modal): add preset system

This commit is contained in:
Benjamin Canac
2022-03-14 16:55:16 +01:00
parent dca0ff4a60
commit f38b920305
5 changed files with 73 additions and 5 deletions

View File

@@ -223,12 +223,23 @@ const card = {
background: 'u-bg-white',
border: 'u-border-gray-200',
ring: 'ring-1 u-ring-gray-200',
rounded: 'rounded-md',
shadow: 'shadow',
body: 'px-4 py-5 sm:p-6',
header: 'px-4 py-5 sm:px-6',
footer: 'px-4 py-4 sm:px-6'
}
const modal = {
base: 'relative inline-block align-bottom text-left overflow-hidden transform transition-all sm:my-8 sm:align-middle w-full',
background: 'u-bg-white',
border: '',
ring: '',
rounded: 'rounded-lg',
shadow: 'shadow-xl',
width: 'max-w-lg'
}
const container = {
constrained: 'max-w-7xl'
}
@@ -352,6 +363,7 @@ const avatar = {
export default {
card,
modal,
button,
badge,
formGroup,