Skip to content

Texture Card

LayoutMIT
View in Storybook

Premium textured card surface with subtle gradient layers — for hero blocks and stat cards.

bun add @otfdashkit/ui

Preview

Texture Card
Loading Storybook preview…

Code

import { TextureCard, TextureCardHeader, TextureCardTitle, TextureCardDescription } from '@otfdashkit/ui'

export function Example() {
  return (
    <TextureCard className="w-80">
      <TextureCardHeader>
        <TextureCardTitle>Project Settings</TextureCardTitle>
        <TextureCardDescription>Manage your workspace preferences and team configuration.</TextureCardDescription>
      </TextureCardHeader>
    </TextureCard>
  )
}

Free with the SDK. This component ships in @otfdashkit/ui under the MIT license.

Props

Props declared in the TextureCard source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
paddingbooleantrue