Components
Block
The Block is a simple container component that style and space can be applied to. This is the equivalent to a frame in Figma.
Status
Supported
Introduced
v0.1.0
Status
Supported
Introduced
v0.1.0
Anatomy
The Block contains one element.
Item | Name | Description | Component | Optional |
---|
Options
The Block has options that can be used to provide an appropriate experience for different use cases.
Render as
By using Render as, the block can be converted to a ‘span’.
Style
Styling can be applied to the block by using style presets.
Spacing
Three types of spacing can be applied to the block; spaceInline, spaceStack, and spaceInset.
Render as
By using Render as, the block can be converted to a ‘span’.
Style
Styling can be applied to the block by using style presets.
Spacing
Three types of spacing can be applied to the block; spaceInline, spaceStack, and spaceInset.
Usage
The following guidance describes how and when to appropriately use the Block.
Accessibility Considerations
As this is an HTML element, this component can utilise any aria attribute, such as region. See more details here.
SEO Considerations
There are no SEO considerations for this component.
API
The Block has a range of props that can be used to define an appropriate experience for different use cases.
Compliance
All of the components in the NewsKit design system go through a comprehensive set of checks to ensure that we are producing compliant and best practice components.
Feature | Description | Status |
---|