Overview
Each variant inherits the signature SDAIA hover animation.
Primary
Button variant Primary with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchPrimary() {Neutral
Button variant Neutral with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchNeutral() {Secondary Solid
Button variant Secondary Solid with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchSecondarySolid() {Secondary Outline
Button variant Secondary Outline with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchSecondaryOutline() {Subtle
Button variant Subtle with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchSubtle() {Destructive
Button variant Destructive with SDAIA Touch.
Loading preview…
1
'use client';2
3
import { ButtonsWithSdaiaTouch } from 'sdaia-ui';4
5
export default function ButtonsWithSdaiaTouchDestructive() {