Motif Blocks
Beta

A set of ready-to-use blocks to build rich documents and interfaces.

Usage

import { Note } from "https://cdn.motif.land/motifblocks@0.0.8"

Layout

Rows

Code editor

Columns

Code editor

Flexbox

Code editor

Mix

Code editor

Responsive

Code editor

Components

Avatar

Sizes

Code editor

Grouped

Code editor

Badge

Default

Code editor

Variants

Code editor

Sizes

Code editor

Custom Color

Code editor

Button

Sizes

Code editor

Types

Code editor

Variants

Code editor

Fixed Width

Code editor

Disabled

Code editor

Custom

Code editor

Checkbox

States

Code editor

Image

Static

Code editor

Caption

Code editor

Styles

Code editor

Default

Code editor

Note

Types

Code editor

Variants

Code editor

Sizes

Code editor

Icons

Code editor

Default

Code editor

No Icons

Code editor

No Chevron

Code editor

Variants

Code editor

Position and Size

Code editor

Default

Code editor

Sections

Code editor

Plain

Code editor

Spacer

Sizes

Code editor

Horizontal

Code editor

Stack

Column

Code editor

Row

Code editor

Gap

Code editor

Table

Default

Code editor

Selectable

Code editor

No Header

Code editor

Tag

Default

Code editor

Editable

Code editor

Text

Sizes

Code editor

Weight

Code editor

Video

Based on the React Player library. All configuration options are supported.

Default

Code editor

No Controls

Code editor

Custom style

Code editor