Block is a flexible container component that extends Flexbox with various styling options like variants, shadows, and glass effects.
Block is a flexible container component that extends Flexbox with various styling options like variants, shadows, and glass effects.
import { Block } from '@lobehub/ui';Block is a flexible container component that extends Flexbox with various styling options like variants, shadows, and glass effects.
| Property | Description | Type | Default |
|---|---|---|---|
| variant | The style variant of the block | 'filled' | 'outlined' | 'borderless' | 'filled' |
| shadow | Whether to show a shadow effect | boolean | false |
| glass | Whether to add a glass effect | boolean | false |
| clickable | Whether the block is clickable (adds hover effects) | boolean | false |
Block component inherits all properties from Flexbox