Texture Card
LayoutMITPremium textured card surface with subtle gradient layers — for hero blocks and stat cards.
bun add @otfdashkit/ui
Preview
Texture CardLayout
Loading Storybook preview…
Code
@otfdashkit/uiimport { 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.
| Prop | Type | Default | Description |
|---|---|---|---|
| padding | boolean | true |